@cfpb/design-system-react 0.0.15 → 1.0.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as v, Fragment as ne } from "react/jsx-runtime";
-import se, { useState as ae, useEffect as Q, createElement as Ge, Fragment as ds, forwardRef as Se, useCallback as ze, useRef as Xe, useId as Je, cloneElement as as } from "react";
+import se, { useState as ae, useEffect as Q, createElement as Ke, Fragment as ds, forwardRef as Se, useCallback as ze, useRef as Xe, useId as Je, cloneElement as as } from "react";
 import { Link as ls } from "react-router";
 function ms(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -79,14 +79,14 @@ const w = /* @__PURE__ */ ms(us), bs = (e, s, o) => {
   h5: "14px",
   p: "16px",
   sub: "12px"
-}, _s = /* @__PURE__ */ new Set(["email", "facebook", "flickr", "github", "linkedin", "pinterest", "x", "youtube"]), ys = new Set(hs), Es = (e, s) => ys.has(e) ? s ? "-closed" : "-open" : s ? _s.has(e) ? "-square" : "-round" : "", T = ({ name: e, alt: s, ariaLabel: o = "", ariaLabelledby: t = "", ariaDescribedby: i = "", isPresentational: n = !1, withBg: r = !1, size: p = "inherit", ...d }) => {
-  const l = Es(e, r), a = `${e}${l}`, u = gs(a);
-  if (!u) return null;
-  const b = w("cf-icon-svg", `cf-icon-svg--${a}`), h = vs[p] || p;
-  return c(u, {
+}, _s = /* @__PURE__ */ new Set(["email", "facebook", "flickr", "github", "linkedin", "pinterest", "x", "youtube"]), ys = new Set(hs), Es = (e, s) => ys.has(e) ? s ? "-closed" : "-open" : s ? _s.has(e) ? "-square" : "-round" : "", C = ({ name: e, alt: s, ariaLabel: o = "", ariaLabelledby: t = "", ariaDescribedby: i = "", isPresentational: n = !1, withBg: r = !1, size: p = "inherit", ...d }) => {
+  const l = Es(e, r), a = `${e}${l}`, f = gs(a);
+  if (!f) return null;
+  const b = w("cf-icon-svg", `cf-icon-svg--${a}`), g = vs[p] || p;
+  return c(f, {
     className: b,
     style: {
-      fontSize: h
+      fontSize: g
     },
     role: n ? void 0 : "img",
     "aria-label": o || (n ? void 0 : s ?? e),
@@ -115,7 +115,7 @@ const ws = {
 }, Ss = ({ status: e = "info", message: s, isVisible: o = !0, ...t }) => !o || !s ? null : ["error", "success", "warning", "info"].includes(e) ? v("div", {
   className: `a-form-alert a-form-alert${es[e]}`,
   ...t,
-  children: [c(T, {
+  children: [c(C, {
     ariaLabel: `${e} icon`,
     name: ws[e],
     withBg: !0
@@ -143,34 +143,42 @@ function Me({ children: e, itemClassname: s = "", className: o }) {
     }, t.key))
   });
 }
-function re({ asButton: e = !1, children: s, href: o, iconLeft: t, iconRight: i, isJump: n = !1, isRouterLink: r = !1, label: p, type: d = "default", ...l }) {
-  const u = !e && (!!(t ?? i) || n), h = e || u ? c(Ls, {
+function re({ isButton: e = !1, children: s, href: o, iconLeft: t, iconRight: i, isJump: n = !1, isRouterLink: r = !1, label: p, type: d = "default", ...l }) {
+  const a = !!t, f = !!i, g = !e && (a || f || n), _ = e || g ? c(Ls, {
     children: p
-  }) : p, y = w(l.className, {
+  }) : p, L = w(l.className, {
     "a-btn": e || d === "destructive",
     "a-btn--link": d === "destructive",
     "a-btn--warning": d === "destructive",
     "a-link--jump": n,
-    "a-link": u
+    "a-link": g
   });
+  if (a && f)
+    throw new Error("Link component: only one of iconLeft or iconRight can be provided");
   if (r) {
     if (!o)
       throw new Error("Link component: href is a required attribute when isRouterLink is true");
-    return c(ls, {
+    return v(ls, {
       to: o,
       ...l,
-      className: y,
-      children: p
+      className: L,
+      children: [s, !!t && c(C, {
+        name: t,
+        isPresentational: !0
+      }), _, !!i && c(C, {
+        name: i,
+        isPresentational: !0
+      })]
     });
   }
   return v("a", {
     ...l,
-    className: y,
+    className: L,
     href: o,
-    children: [s, !!t && c(T, {
+    children: [s, !!t && c(C, {
       name: t,
       isPresentational: !0
-    }), h, !!i && c(T, {
+    }), _, !!i && c(C, {
       name: i,
       isPresentational: !0
     })]
@@ -228,7 +236,7 @@ const Ls = ({ children: e, ...s }) => c("span", {
   return v("div", {
     className: l,
     ...d,
-    children: [p ? c(T, {
+    children: [p ? c(C, {
       ariaLabel: `${i} icon`,
       ...ks[i]
     }) : null, v("div", {
@@ -241,7 +249,7 @@ const Ls = ({ children: e, ...s }) => c("span", {
         children: e
       }) : null, o && o.length > 0 ? c(te, {
         isLinks: !0,
-        children: o.map((a) => Ge(xs, {
+        children: o.map((a) => Ke(xs, {
           ...a,
           key: a.href
         }))
@@ -377,19 +385,23 @@ const Ls = ({ children: e, ...s }) => c("span", {
 }, Hs = {
   default: [],
   full: ["a-btn--full-on-xs"]
-}, de = Se(({ appearance: e = "primary", asLink: s = !1, size: o = "default", label: t, className: i, iconLeft: n, iconRight: r, ...p }, d) => {
-  const l = [...Os, ...Bs[e], ...Hs[o]];
-  return s && l.push("a-btn--link"), i && l.push(i), p.disabled && l.push("a-btn--disabled"), v("button", {
-    ref: d,
+}, de = Se(({ appearance: e = "primary", isLink: s = !1, size: o = "default", label: t, className: i, iconLeft: n, iconRight: r, children: p, ...d }, l) => {
+  const a = [...Os, ...Bs[e], ...Hs[o]];
+  s && a.push("a-btn--link"), i && a.push(i), d.disabled && a.push("a-btn--disabled");
+  const f = !!n, b = !!r, y = t ? f || b ? c("span", {
+    children: t
+  }) : t : null;
+  if (f && b)
+    throw new Error("Button component: only one of iconLeft or iconRight can be provided");
+  return v("button", {
+    ref: l,
     type: "button",
-    className: [...l].join(" "),
-    ...p,
-    children: [!!n && c(T, {
+    className: [...a].join(" "),
+    ...d,
+    children: [p, !!n && c(C, {
       name: n,
       isPresentational: !0
-    }), n || r ? c("span", {
-      children: t
-    }) : t, !!r && c(T, {
+    }), y, !!r && c(C, {
       name: r,
       isPresentational: !0
     })]
@@ -404,7 +416,7 @@ const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
   className: w(["a-label__helper", s]),
   ...o,
   children: ["(", e, ")"]
-}) : null, Ms = ["a-label"], ns = ({ children: e, inline: s = !1, htmlFor: o, className: t, ...i }) => {
+}) : null, Ms = ["a-label"], ns = ({ children: e, isInline: s = !1, htmlFor: o, className: t, ...i }) => {
   const r = [...[...Ms, s ? "" : "a-label--heading"], t];
   return e ? c("label", {
     ...i,
@@ -416,35 +428,41 @@ const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
   success: "m-form-field--checkbox-success",
   warning: "m-form-field--checkbox-warning",
   error: "m-form-field--checkbox-error"
-}, Zn = ({ id: e, label: s, className: o, inputClassName: t, labelClassName: i = "", checked: n = !1, helperText: r, inputRef: p, disabled: d = !1, isLarge: l = !1, labelInline: a = !0, name: u, onChange: b, status: h, ...y }) => {
-  const _ = ze((x) => {
-    b?.(x);
-  }, [b]), N = [...Ds, l ? "m-form-field--lg-target" : "", h ? Ps[h] : "", o];
-  return v("div", {
-    className: w(N),
+}, Zn = ({ id: e, label: s, className: o, inputClassName: t, labelClassName: i = "", checked: n, defaultChecked: r, helperText: p, inputRef: d, disabled: l = !1, isLarge: a = !1, isLabelInline: f = !0, name: b, onChange: g, status: y, ..._ }) => {
+  const L = n !== void 0, k = ze((H) => {
+    g?.(H);
+  }, [g]), x = [...Ds, a ? "m-form-field--lg-target" : "", y ? Ps[y] : "", o], O = {
+    ..._,
+    id: e,
+    type: "checkbox",
+    "aria-labelledby": `${e}-label`,
+    name: b ?? e,
+    ref: d,
+    disabled: l,
+    onChange: k,
+    "data-testid": `${e}-input`,
+    className: w(["a-checkbox", t])
+  };
+  return L ? Object.assign(O, {
+    checked: n,
+    "aria-checked": n
+  }) : Object.assign(O, {
+    defaultChecked: r ?? !1
+  }), v("div", {
+    className: w(x),
     children: [c("input", {
-      id: e,
-      type: "checkbox",
-      checked: n,
-      "aria-checked": n,
-      "aria-labelledby": `${e}-label`,
-      name: u ?? e,
-      ref: p,
-      disabled: d,
-      onChange: _,
-      ...y,
-      className: w(["a-checkbox", t])
+      ...O
     }), v(ns, {
       id: `${e}-label`,
       className: i,
       htmlFor: e,
-      inline: a,
+      isInline: f,
       children: [s, c(ss, {
-        children: r
+        children: p
       })]
     })]
   });
-}, Kn = ({ className: e = "", ...s }) => c("div", {
+}, Gn = ({ className: e = "", ...s }) => c("div", {
   className: `content__line ${e}`,
   ...s
 }), We = {
@@ -585,7 +603,7 @@ function I(e, s, o) {
   let i = e;
   if (!o) throw new Error("Child transition argument must be defined!");
   const n = o;
-  let r, p, d, l = !1, a = !1, u = !1;
+  let r, p, d, l = !1, a = !1, f = !1;
   if (typeof t.CSS_PROPERTY > "u" || typeof t.BASE_CLASS > "u")
     throw new Error(
       "Transitions require CSS_PROPERTY and BASE_CLASS to be passed into BaseTransition."
@@ -599,38 +617,38 @@ function I(e, s, o) {
       type: I.BEGIN_EVENT
     }), d());
   }
-  function h() {
+  function g() {
     i.removeEventListener(p, d);
   }
-  function y(L) {
-    return L && L.propertyName !== t.CSS_PROPERTY ? !1 : (h(), i.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
+  function y(N) {
+    return N && N.propertyName !== t.CSS_PROPERTY ? !1 : (g(), i.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
       target: n,
       type: I.END_EVENT
     }), a = !1, !0);
   }
   function _() {
-    let L;
-    for (L in t)
-      ({}).hasOwnProperty.call(t, L) && t[L] !== t.BASE_CLASS && i.classList.contains(t[L]) && i.classList.remove(t[L]);
+    let N;
+    for (N in t)
+      ({}).hasOwnProperty.call(t, N) && t[N] !== t.BASE_CLASS && i.classList.contains(t[N]) && i.classList.remove(t[N]);
   }
-  function N() {
+  function L() {
     a && (i.style.webkitTransitionDuration = "0", i.style.mozTransitionDuration = "0", i.style.oTransitionDuration = "0", i.style.transitionDuration = "0", i.removeEventListener(p, d), d(), i.style.webkitTransitionDuration = "", i.style.mozTransitionDuration = "", i.style.oTransitionDuration = "", i.style.transitionDuration = "");
   }
-  function x() {
-    N(), _(), i.classList.remove(t.BASE_CLASS);
-  }
   function k() {
+    L(), _(), i.classList.remove(t.BASE_CLASS);
+  }
+  function x() {
     i.classList.remove(I.NO_ANIMATION_CLASS), l = !0;
   }
-  function B() {
+  function O() {
     i.classList.add(I.NO_ANIMATION_CLASS), l = !1;
   }
-  function M(L) {
-    if (!L) {
+  function H(N) {
+    if (!N) {
       const z = "Element does not have TransitionEnd event. It may be null!";
       throw new Error(z);
     }
-    let H;
+    let M;
     const D = {
       WebkitTransition: "webkitTransitionEnd",
       MozTransition: "transitionend",
@@ -639,79 +657,79 @@ function I(e, s, o) {
     };
     let q;
     for (q in D)
-      if ({}.hasOwnProperty.call(D, q) && typeof L.style[q] < "u") {
-        H = D[q];
+      if ({}.hasOwnProperty.call(D, q) && typeof N.style[q] < "u") {
+        M = D[q];
         break;
       }
-    return H;
+    return M;
   }
-  function S(L) {
-    x(), k(), i = L, i.classList.add(t.BASE_CLASS), p = M(i);
+  function S(N) {
+    k(), x(), i = N, i.classList.add(t.BASE_CLASS), p = H(i);
   }
-  function A(L) {
-    if (l = !i.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(i), !L)
+  function A(N) {
+    if (l = !i.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(i), !N)
       throw new Error(
         "Transition needs to be passed an initial CSS class on initialization!"
       );
-    return i.classList.add(L), this;
+    return i.classList.add(N), this;
   }
-  function O(L) {
-    return u || (_(), u = !0), i.classList.contains(L) ? !1 : (h(), i.classList.remove(r), r = L, b(), i.classList.add(r), !0);
+  function B(N) {
+    return f || (_(), f = !0), i.classList.contains(N) ? !1 : (g(), i.classList.remove(r), r = N, b(), i.classList.add(r), !0);
   }
-  return this.animateOff = B, this.animateOn = k, this.applyClass = O, this.halt = N, this.init = A, this.isAnimated = () => l, this.remove = x, this.setElement = S, this;
+  return this.animateOff = O, this.animateOn = x, this.applyClass = B, this.halt = L, this.init = A, this.isAnimated = () => l, this.remove = k, this.setElement = S, this;
 }
 I.BEGIN_EVENT = "transitionbegin";
 I.END_EVENT = "transitionend";
 I.NO_ANIMATION_CLASS = "u-no-animation";
 I.ANIMATING_CLASS = "u-is-animating";
-const ie = Vs + "flyout-menu", Ks = "[" + Y + "=" + ie;
+const ie = Vs + "flyout-menu", Gs = "[" + Y + "=" + ie;
 function xe(e, s = !0) {
-  const o = qe(e, ie), t = k(e), i = qe(e, ie + "_content");
+  const o = qe(e, ie), t = x(e), i = qe(e, ie + "_content");
   let n = 0;
   const r = 0, p = 1, d = 2, l = 3;
-  let a, u, b;
-  const h = z.bind(this), y = q.bind(this);
-  let _, N = !0, x = !1;
-  function k(m) {
-    const f = [], g = m.querySelectorAll(`${Ks}_trigger]`);
-    let E, C, $;
-    for (let R = g.length >>> 0; R--; ) {
-      for ($ = !1, E = g[R], C = E.parentElement; C !== m; )
-        C.getAttribute(Y) && C.getAttribute(Y).split(" ").indexOf(ie) !== -1 ? ($ = !0, C = m) : C = C.parentElement;
-      $ || f.unshift(g[R]);
+  let a, f, b;
+  const g = z.bind(this), y = q.bind(this);
+  let _, L = !0, k = !1;
+  function x(m) {
+    const u = [], h = m.querySelectorAll(`${Gs}_trigger]`);
+    let E, T, $;
+    for (let R = h.length >>> 0; R--; ) {
+      for ($ = !1, E = h[R], T = E.parentElement; T !== m; )
+        T.getAttribute(Y) && T.getAttribute(Y).split(" ").indexOf(ie) !== -1 ? ($ = !0, T = m) : T = T.parentElement;
+      $ || u.unshift(h[R]);
     }
-    return f;
+    return u;
   }
-  function B(m = !1) {
-    return n = m ? l : r, t.forEach((f) => {
-      M("expanded", f, m), f.addEventListener("click", L.bind(this)), f.addEventListener("touchstart", S, {
+  function O(m = !1) {
+    return n = m ? l : r, t.forEach((u) => {
+      H("expanded", u, m), u.addEventListener("click", N.bind(this)), u.addEventListener("touchstart", S, {
         passive: !0
-      }), f.addEventListener("mouseover", A.bind(this)), f.addEventListener("mouseout", O.bind(this));
+      }), u.addEventListener("mouseover", A.bind(this)), u.addEventListener("mouseout", B.bind(this));
     }), i.setAttribute("data-open", m ? "true" : "false"), s && !m && i.setAttribute("hidden", ""), ue(), this;
   }
-  function M(m, f, g) {
-    const E = String(g);
-    return f.setAttribute("aria-" + m, E), E;
+  function H(m, u, h) {
+    const E = String(h);
+    return u.setAttribute("aria-" + m, E), E;
   }
   function S() {
-    x = !0;
+    k = !0;
   }
   function A(m) {
-    N || (x || this.dispatchEvent("triggerover", {
+    L || (k || this.dispatchEvent("triggerover", {
       target: this,
       trigger: m.target,
       type: "triggerover"
-    }), x = !1);
+    }), k = !1);
   }
-  function O(m) {
-    N || this.dispatchEvent("triggerout", {
+  function B(m) {
+    L || this.dispatchEvent("triggerout", {
       target: this,
       trigger: m.target,
       type: "triggerout"
     });
   }
-  function L(m) {
-    if (!N)
+  function N(m) {
+    if (!L)
       switch (this.dispatchEvent("triggerclick", {
         target: this,
         trigger: m.target,
@@ -727,49 +745,49 @@ function xe(e, s = !0) {
           break;
       }
   }
-  function H() {
+  function M() {
     if (a?.halt(), n === d || n === l) return this;
-    if (n = d, s && i.removeAttribute("hidden"), this.dispatchEvent("expandbegin", { target: this, type: "expandbegin" }), !u || !b)
+    if (n = d, s && i.removeAttribute("hidden"), this.dispatchEvent("expandbegin", { target: this, type: "expandbegin" }), !f || !b)
       return y(), this;
     const m = a?.isAnimated();
-    return m && a.addEventListener(I.END_EVENT, y), u(), m || y(), this;
+    return m && a.addEventListener(I.END_EVENT, y), f(), m || y(), this;
   }
   function D() {
     if (a?.halt(), n === p || n === r) return this;
-    for (let f = 0, g = t.length; f < g; f++)
-      M("expanded", t[f], !1);
+    for (let u = 0, h = t.length; u < h; u++)
+      H("expanded", t[u], !1);
     if (i.setAttribute("data-open", "false"), n = p, this.dispatchEvent("collapsebegin", {
       target: this,
       type: "collapsebegin"
-    }), !b || !u)
-      return h(), this;
+    }), !b || !f)
+      return g(), this;
     const m = a?.isAnimated();
     return m && a.addEventListener(
       I.END_EVENT,
-      h
-    ), b(), m || h(), this;
+      g
+    ), b(), m || g(), this;
   }
   function q() {
     n = l, i.setAttribute("data-open", "true"), a && a.removeEventListener(
       I.END_EVENT,
       y
     ), this.dispatchEvent("expandend", { target: this, type: "expandend" });
-    for (let m = 0, f = t.length; m < f; m++)
-      M("expanded", t[m], !0);
+    for (let m = 0, u = t.length; m < u; m++)
+      H("expanded", t[m], !0);
   }
   function z() {
     n = r, s && i.setAttribute("hidden", ""), a && a.removeEventListener(
       I.END_EVENT,
-      h
+      g
     ), this.dispatchEvent("collapseend", { target: this, type: "collapseend" });
   }
-  function fe(m, f, g) {
-    a = m, f && f !== b && (b = f), g && g !== u && (u = g);
+  function fe(m, u, h) {
+    a = m, u && u !== b && (b = u), h && h !== f && (f = h);
   }
   function ke() {
     a && a.remove();
     let m;
-    a = m, u = m, b = m;
+    a = m, f = m, b = m;
   }
   function Ae() {
     return {
@@ -779,16 +797,16 @@ function xe(e, s = !0) {
     };
   }
   function ue() {
-    return N && (N = !1), !N;
+    return L && (L = !1), !L;
   }
   function Ce() {
-    return N || (N = !0), N;
+    return L || (L = !0), L;
   }
   function Te(m) {
     return _ = m, this;
   }
-  const K = new ce();
-  return this.addEventListener = K.addEventListener, this.removeEventListener = K.removeEventListener, this.dispatchEvent = K.dispatchEvent, this.init = B, this.expand = H, this.collapse = D, this.setTransition = fe, this.clearTransition = ke, this.getData = () => _, this.getTransition = () => a, this.getDom = Ae, this.isAnimating = () => n === d || n === p, this.isExpanded = () => n === l, this.resume = ue, this.setData = Te, this.suspend = Ce, xe.BASE_CLASS = ie, this;
+  const G = new ce();
+  return this.addEventListener = G.addEventListener, this.removeEventListener = G.removeEventListener, this.dispatchEvent = G.dispatchEvent, this.init = O, this.expand = M, this.collapse = D, this.setTransition = fe, this.clearTransition = ke, this.getData = () => _, this.getTransition = () => a, this.getDom = Ae, this.isAnimating = () => n === d || n === p, this.isExpanded = () => n === l, this.resume = ue, this.setData = Te, this.suspend = Ce, xe.BASE_CLASS = ie, this;
 }
 const $e = "transitiondir", X = {
   CSS_PROPERTY: "max-height",
@@ -806,12 +824,12 @@ function U(e) {
     e.style.maxHeight = _, e.style.bottom = "auto", e.style.top = "auto";
   }
   function r() {
-    const y = e.getBoundingClientRect(), _ = window.innerHeight - y.top, N = y.top, x = _ <= 140 ? "up" : "down";
+    const y = e.getBoundingClientRect(), _ = window.innerHeight - y.top, L = y.top, k = _ <= 140 ? "up" : "down";
     return {
       rect: y,
       distanceToBottom: _,
-      distanceToTop: N,
-      dir: x
+      distanceToTop: L,
+      dir: k
     };
   }
   function p() {
@@ -828,17 +846,17 @@ function U(e) {
   function a() {
     return n(), t.applyClass(X.MH_SUMMARY), i = e.scrollHeight, this;
   }
-  function u() {
+  function f() {
     n(), e.style.top = "100%";
     const y = r();
     let _ = 30;
-    const N = 2;
-    let x = e.scrollHeight + _ < y.distanceToBottom ? `${e.scrollHeight + N}px` : `${y.distanceToBottom - _}px`;
+    const L = 2;
+    let k = e.scrollHeight + _ < y.distanceToBottom ? `${e.scrollHeight + L}px` : `${y.distanceToBottom - _}px`;
     if (y.dir === "up") {
-      const k = e.parentElement.offsetHeight;
-      _ += k, e.style.bottom = `${k - N}px`, x = e.scrollHeight + _ < y.distanceToTop ? `${e.scrollHeight + N}px` : `${y.distanceToTop - _}px`, e.style.top = "unset";
+      const x = e.parentElement.offsetHeight;
+      _ += x, e.style.bottom = `${x - L}px`, k = e.scrollHeight + _ < y.distanceToTop ? `${e.scrollHeight + L}px` : `${y.distanceToTop - _}px`, e.style.top = "unset";
     }
-    return e.style.maxHeight = x, t.applyClass(X.MH_DYNAMIC), s.dispatchEvent($e, {
+    return e.style.maxHeight = k, t.applyClass(X.MH_DYNAMIC), s.dispatchEvent($e, {
       target: s,
       type: $e,
       dir: y.dir
@@ -847,14 +865,14 @@ function U(e) {
   function b() {
     return t.applyClass(X.MH_ZERO), i = e.scrollHeight, this;
   }
-  function h() {
+  function g() {
     return e.style.maxHeight = "", t.remove();
   }
-  return this.addEventListener = o.addEventListener, this.dispatchEvent = o.dispatchEvent, this.removeEventListener = o.removeEventListener, this.animateOff = t.animateOff, this.animateOn = t.animateOn, this.halt = t.halt, this.isAnimated = t.isAnimated, this.setElement = t.setElement, this.refresh = n, this.remove = h, this.init = d, this.maxHeightDefault = l, this.maxHeightSummary = a, this.maxHeightZero = b, this.maxHeightDynamic = u, this;
+  return this.addEventListener = o.addEventListener, this.dispatchEvent = o.dispatchEvent, this.removeEventListener = o.removeEventListener, this.animateOff = t.animateOff, this.animateOn = t.animateOn, this.halt = t.halt, this.isAnimated = t.isAnimated, this.setElement = t.setElement, this.refresh = n, this.remove = g, this.init = d, this.maxHeightDefault = l, this.maxHeightSummary = a, this.maxHeightZero = b, this.maxHeightDynamic = f, this;
 }
 U.CLASSES = X;
 const J = "o-expandable";
-function G(e) {
+function K(e) {
   const s = le(e, J);
   let o, t, i, n, r;
   function p() {
@@ -863,8 +881,8 @@ function G(e) {
     o = s.querySelector(`.${J}__header`), t = s.querySelector(`.${J}__content`), i = s.querySelector(`.${J}__label`);
     const a = s.classList.contains(`${J}--onload-open`);
     W(s, "behavior_flyout-menu"), W(o, "behavior_flyout-menu_trigger"), W(t, "behavior_flyout-menu_content");
-    const u = a ? U.CLASSES.MH_DEFAULT : U.CLASSES.MH_ZERO;
-    return n = new U(t).init(u), a || t.classList.add("u-hidden"), r = new xe(s), r.setTransition(
+    const f = a ? U.CLASSES.MH_DEFAULT : U.CLASSES.MH_ZERO;
+    return n = new U(t).init(f), a || t.classList.add("u-hidden"), r = new xe(s), r.setTransition(
       n,
       n.maxHeightZero,
       n.maxHeightDefault
@@ -881,8 +899,8 @@ function G(e) {
   const l = new ce();
   return this.addEventListener = l.addEventListener, this.removeEventListener = l.removeEventListener, this.dispatchEvent = l.dispatchEvent, this;
 }
-G.BASE_CLASS = J;
-G.init = (e) => me(`.${G.BASE_CLASS}`, G, e);
+K.BASE_CLASS = J;
+K.init = (e) => me(`.${K.BASE_CLASS}`, K, e);
 const he = "o-expandable-group";
 function ve(e) {
   const s = le(e, he), o = s.classList.contains(`${he}--accordion`);
@@ -902,8 +920,8 @@ ve.BASE_CLASS = he;
 ve.init = (e) => {
   (e || document).querySelectorAll(`.${he}`).forEach((t) => {
     const i = me(
-      `.${G.BASE_CLASS}`,
-      G,
+      `.${K.BASE_CLASS}`,
+      K,
       t
     );
     new ve(t).init(i);
@@ -917,46 +935,46 @@ function _e(e) {
     return oe(s) ? (window.addEventListener("load", l), this) : this;
   }
   function l() {
-    window.removeEventListener("load", l), p = !h(), W(s, "behavior_flyout-menu"), W(t, "behavior_flyout-menu_content"), W(i, "behavior_flyout-menu_trigger"), r = new xe(s, !1), n = new U(t), n.init(
+    window.removeEventListener("load", l), p = !g(), W(s, "behavior_flyout-menu"), W(t, "behavior_flyout-menu_content"), W(i, "behavior_flyout-menu_trigger"), r = new xe(s, !1), n = new U(t), n.init(
       p ? U.CLASSES.MH_SUMMARY : U.CLASSES.MH_DEFAULT
     ), r.setTransition(
       n,
       n.maxHeightSummary,
       n.maxHeightDefault
-    ), r.addEventListener("triggerclick", y), r.init(), b(), window.addEventListener("resize", b), "onorientationchange" in window && window.addEventListener("orientationchange", b), s.addEventListener("focusin", a), t.addEventListener("click", u);
+    ), r.addEventListener("triggerclick", y), r.init(), b(), window.addEventListener("resize", b), "onorientationchange" in window && window.addEventListener("orientationchange", b), s.addEventListener("focusin", a), t.addEventListener("click", f);
   }
   function a(S) {
     !p && S.target !== i && (i.click(), s.removeEventListener("focusin", a));
   }
-  function u(S) {
+  function f(S) {
     S.target.tagName !== "A" && r.isExpanded() && n.refresh();
   }
   function b() {
-    h() ? B() : k();
+    g() ? O() : x();
   }
-  function h() {
+  function g() {
     return o && !Us(Ws) || t.scrollHeight <= 88;
   }
   function y() {
     r.addEventListener("expandend", _);
   }
   function _() {
-    x(), window.removeEventListener("resize", b), window.removeEventListener("orientationchange", b), r.removeEventListener("expandend", _), r.suspend(), n.remove();
+    k(), window.removeEventListener("resize", b), window.removeEventListener("orientationchange", b), r.removeEventListener("expandend", _), r.suspend(), n.remove();
   }
-  function N() {
+  function L() {
     i.classList.remove("u-hidden");
   }
-  function x() {
+  function k() {
     i.classList.add("u-hidden");
   }
-  function k() {
-    return p && (r.collapse(), n.animateOn(), N(), p = !1), !p;
+  function x() {
+    return p && (r.collapse(), n.animateOn(), L(), p = !1), !p;
   }
-  function B() {
-    return p || (n.animateOff(), r.expand(), x(), p = !0), p;
+  function O() {
+    return p || (n.animateOff(), r.expand(), k(), p = !0), p;
   }
-  const M = new ce();
-  return this.addEventListener = M.addEventListener, this.removeEventListener = M.removeEventListener, this.dispatchEvent = M.dispatchEvent, this.init = d, this;
+  const H = new ce();
+  return this.addEventListener = H.addEventListener, this.removeEventListener = H.removeEventListener, this.dispatchEvent = H.dispatchEvent, this.init = d, this;
 }
 _e.BASE_CLASS = ee;
 _e.init = (e) => me(`.${ee}`, _e, e);
@@ -974,20 +992,20 @@ function ye(e) {
       i.maxHeightDefault
     ), n.init(), s.addEventListener("focusin", d), o.addEventListener("click", l), n.collapse(), i.animateOn();
   }
-  function d(u) {
-    u.target !== t && (t.click(), s.removeEventListener("focusin", d));
+  function d(f) {
+    f.target !== t && (t.click(), s.removeEventListener("focusin", d));
   }
-  function l(u) {
-    u.target.tagName !== "A" && n.isExpanded() && i.refresh();
+  function l(f) {
+    f.target.tagName !== "A" && n.isExpanded() && i.refresh();
   }
   const a = new ce();
   return this.addEventListener = a.addEventListener, this.removeEventListener = a.removeEventListener, this.dispatchEvent = a.dispatchEvent, this.init = r, this;
 }
 ye.BASE_CLASS = pe;
 ye.init = (e) => me(`.${pe}`, ye, e);
-const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadded: i = !1, openOnLoad: n = !1, className: r = "", ...p }) => {
+const Kn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadded: i = !1, openOnLoad: n = !1, className: r = "", ...p }) => {
   Q(() => {
-    t || G.init();
+    t || K.init();
   }, [t]);
   const d = ["o-expandable", r];
   return t || d.push("o-expandable--background", "o-expandable--border"), i && d.push("o-expandable--padded"), n && d.push("o-expandable--onload-open"), v("div", {
@@ -999,7 +1017,7 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
       title: e,
       children: [o ? c("span", {
         className: "o-expandable__icon",
-        children: c(T, {
+        children: c(C, {
           name: o
         })
       }) : null, c("h3", {
@@ -1010,14 +1028,14 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
         children: [c("span", {
           className: "o-expandable__cue-open",
           "aria-label": "Show",
-          children: c(T, {
+          children: c(C, {
             name: "plus-round",
             isPresentational: !0
           })
         }), c("span", {
           className: "o-expandable__cue-close",
           "aria-label": "Hide",
-          children: c(T, {
+          children: c(C, {
             name: "minus-round",
             isPresentational: !0
           })
@@ -1028,7 +1046,20 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
       children: s
     })]
   });
-}, zn = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...i }) => {
+}, zn = ({ legend: e, legendHelperText: s, children: o, isInline: t = !1, className: i, ...n }) => v("fieldset", {
+  className: w("o-form__fieldset", t && "o-form__fieldset--inline", i),
+  ...n,
+  children: [v("legend", {
+    className: "h4",
+    children: [e, s && c("small", {
+      className: "a-label__helper a-label__helper--block",
+      children: s
+    })]
+  }), t ? c("div", {
+    className: "o-form__fieldset-options",
+    children: o
+  }) : o]
+}), Xn = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...i }) => {
   const n = ["o-expandable-group", t];
   s && n.push("o-expandable-group--accordion"), Q(() => {
     ve.init();
@@ -1043,12 +1074,12 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
     ...i,
     children: r
   });
-}, Gs = () => v("a", {
+}, Ks = () => v("a", {
   className: "a-btn a-btn--secondary o-footer__top-button",
   "data-gtm_ignore": "true",
   "data-js-hook": "behavior_return-to-top",
   href: "#",
-  children: ["Back to top", c(T, {
+  children: ["Back to top", c(C, {
     name: "arrow-up",
     isPresentational: !0
   })]
@@ -1106,7 +1137,7 @@ function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol
       className: "wrapper wrapper--match-content",
       children: [v("div", {
         className: "o-footer__pre",
-        children: [c(Gs, {}), c(Xs, {
+        children: [c(Ks, {}), c(Xs, {
           children: e
         }), c(Js, {
           children: s
@@ -1127,7 +1158,7 @@ function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol
     })
   });
 }
-const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
+const Jn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
   const t = [c("a", {
     href: `${e}/about-us/`,
     children: "About Us"
@@ -1150,7 +1181,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     "aria-label": "Visit us on Facebook",
     "data-pretty-href": i,
     href: i,
-    children: c(T, {
+    children: c(C, {
       name: "facebook",
       isPresentational: !0,
       withBg: !0
@@ -1159,7 +1190,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     "aria-label": "Visit us on Twitter",
     "data-pretty-href": r,
     href: r,
-    children: c(T, {
+    children: c(C, {
       name: "x",
       isPresentational: !0,
       withBg: !0
@@ -1168,7 +1199,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     "aria-label": "Visit us on LinkedIn",
     "data-pretty-href": n,
     href: n,
-    children: c(T, {
+    children: c(C, {
       name: "linkedin",
       isPresentational: !0,
       withBg: !0
@@ -1177,7 +1208,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     "aria-label": "Visit us on YouTube",
     "data-pretty-href": p,
     href: p,
-    children: c(T, {
+    children: c(C, {
       name: "youtube",
       alt: "Visit us on YouTube",
       isPresentational: !0,
@@ -1187,7 +1218,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     "aria-label": "Visit us on Flickr",
     "data-pretty-href": d,
     href: d,
-    children: c(T, {
+    children: c(C, {
       name: "flickr",
       alt: "Visit us on Flickr",
       isPresentational: !0,
@@ -1211,7 +1242,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
   }, "open-government"), c("a", {
     href: `${e}/open-government/information-quality-guidelines/`,
     children: "Information Quality Guidelines"
-  }, "info-quality")], u = [c("a", {
+  }, "info-quality")], f = [c("a", {
     href: `${e}/about-us/diversity-and-inclusion/`,
     children: "Diversity & Inclusion"
   }, "dei"), c("a", {
@@ -1238,7 +1269,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     children: [c("span", {
       className: "a-link__text",
       children: "USA.gov"
-    }), " ", c(T, {
+    }), " ", c(C, {
       ariaLabel: "External link",
       name: "external-link",
       alt: "External link"
@@ -1249,7 +1280,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     children: [c("span", {
       className: "a-link__text",
       children: "Office of Inspector General"
-    }), " ", c(T, {
+    }), " ", c(C, {
       ariaLabel: "External link",
       name: "external-link",
       alt: "External link"
@@ -1261,7 +1292,7 @@ const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
     navLinks: t,
     socialLinks: l,
     linksCol1: a,
-    linksCol2: u,
+    linksCol2: f,
     linksCol3: b
   });
 };
@@ -1292,7 +1323,7 @@ function on({ children: e, width: s = Pe.Full, demo: o, center: t, className: i,
     children: e
   });
 }
-const Jn = {
+const eo = {
   Column: sn,
   Row: nn,
   Width: Pe,
@@ -1337,14 +1368,14 @@ const Jn = {
       );`);
   }, [o, e, s]), o;
 };
-function eo({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t, imageAltText: i = "hero image", imageIsPhoto: n, is5050: r, isJumbo: p, isKnockout: d, subheading: l, subheadingLevel: a = "p", textColor: u, className: b, ...h }) {
-  const _ = cn(t, n ?? p ?? r), N = {
+function so({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t, imageAltText: i = "hero image", imageIsPhoto: n, is5050: r, isJumbo: p, isKnockout: d, subheading: l, subheadingLevel: a = "p", textColor: f, className: b, ...g }) {
+  const _ = cn(t, n ?? p ?? r), L = {
     backgroundColor: e
-  }, x = {
-    color: u
-  }, k = ["m-hero", b];
-  p && k.push("m-hero--jumbo"), r && k.push("m-hero--50-50"), d && k.push("m-hero--knockout"), n && k.push("m-hero--overlay");
-  const B = {
+  }, k = {
+    color: f
+  }, x = ["m-hero", b];
+  p && x.push("m-hero--jumbo"), r && x.push("m-hero--50-50"), d && x.push("m-hero--knockout"), n && x.push("m-hero--overlay");
+  const O = {
     h1: "1",
     h2: "2",
     h3: "3",
@@ -1355,25 +1386,25 @@ function eo({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t,
     slug: "slug"
   };
   return c("div", {
-    className: w(k),
-    style: N,
-    ...h,
+    className: w(x),
+    style: L,
+    ...g,
     children: v("div", {
       className: "m-hero__wrapper",
       ref: _,
       children: [v("div", {
         className: "m-hero__text",
-        style: x,
+        style: k,
         children: [c(Ee, {
           className: "m-hero__heading",
-          type: B[o],
+          type: O[o],
           children: s
         }), a === "p" ? c("p", {
           className: "m-hero__subhead",
           children: l
         }) : c(Ee, {
           className: "m-hero__subhead",
-          type: B[a],
+          type: O[a],
           children: l
         })]
       }), c(tn, {
@@ -1409,7 +1440,7 @@ const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall:
   className: "wrapper",
   ...s,
   children: e
-}), so = {
+}), no = {
   Content: rn,
   Main: pn,
   Sidebar: dn,
@@ -1464,7 +1495,7 @@ function fn({ links: e, href: s }) {
           "aria-expanded": o,
           "aria-controls": "nav-links",
           type: "button",
-          children: [c(T, {
+          children: [c(C, {
             name: o ? "error" : "menu"
           }), c("span", {
             className: "sr-only",
@@ -1502,27 +1533,31 @@ c(re, {
 }, "filing"), c(re, {
   className: "nav-item profile",
   href: "/profile",
-  label: "John Sample"
+  children: c("span", {
+    children: "John Sample"
+  })
 }, "profile"), c(de, {
-  label: "Log Out",
-  asLink: !0,
+  label: "LOG OUT",
+  isLink: !0,
   onClick: () => {
   }
 }, "logout");
-function no({ links: e, href: s, withBottomBorder: o = !0 }) {
+const oo = ({ links: e, href: s, withBottomBorder: o = !0 }) => {
   const t = ["o-header"];
-  return o && t.push("bottom-border"), v("header", {
-    className: w(t),
-    children: [c(Ts, {
-      tagline: "An official website of the United States government"
-    }), c(fn, {
-      links: e,
-      href: s
-    })]
+  return o && t.push("bottom-border"), c("div", {
+    className: "o-header-scope",
+    children: v("header", {
+      className: w(t),
+      children: [c(Ts, {
+        tagline: "An official website of the United States government"
+      }), c(fn, {
+        links: e,
+        href: s
+      })]
+    })
   });
-}
-const V = () => null, j = 1, os = 20, un = () => c(de, {
-  asLink: !0,
+}, V = () => null, j = 1, os = 20, un = () => c(de, {
+  isLink: !0,
   className: "m-pagination__btn-submit",
   id: "m-pagination__btn-submit-default",
   label: "Go",
@@ -1553,11 +1588,11 @@ const V = () => null, j = 1, os = 20, un = () => c(de, {
 }, gn = ({ tableId: e, page: s, pageCount: o, onClickPrevious: t = V, onClickNext: i = V, onClickGo: n = V, previousLabel: r = "Previous", nextLabel: p = "Next" }) => {
   const [d, l] = ae(s);
   Q(() => l(s), [s]);
-  const a = (h) => {
-    h.preventDefault();
-    const y = Object.fromEntries(new FormData(h.currentTarget)), _ = Number.parseInt(y.page, 10);
+  const a = (g) => {
+    g.preventDefault();
+    const y = Object.fromEntries(new FormData(g.currentTarget)), _ = Number.parseInt(y.page, 10);
     _ !== s && n(_);
-  }, u = Je(), b = l;
+  }, f = Je(), b = l;
   return v("nav", {
     className: "m-pagination",
     role: "navigation",
@@ -1579,7 +1614,7 @@ const V = () => null, j = 1, os = 20, un = () => c(de, {
       action: "#pagination_content",
       onSubmit: a,
       children: [c(bn, {
-        tableId: e ?? u,
+        tableId: e ?? f,
         page: d,
         pageCount: o,
         onChange: b
@@ -1599,14 +1634,14 @@ const V = () => null, j = 1, os = 20, un = () => c(de, {
     onClickGo: V
   };
   if (!e || !r) return [o, l];
-  const a = p - Ve, u = {
+  const a = p - Ve, f = {
     page: p,
     pageCount: n,
     onClickNext: () => d(Math.min(p + Ve, n)),
     onClickPrevious: () => d(Math.max(a, j)),
     onClickGo: (_) => d(_)
-  }, b = a * t, h = a * t + t;
-  return [o.slice(b, h), u];
+  }, b = a * t, g = a * t + t;
+  return [o.slice(b, g), f];
 };
 function Re({ children: e, isLead: s, className: o, ...t }) {
   const i = [o];
@@ -1616,22 +1651,22 @@ function Re({ children: e, isLead: s, className: o, ...t }) {
     children: e
   });
 }
-const vn = ["a-radio"], _n = ["m-form-field m-form-field--radio"], oo = ({ id: e, name: s, helperText: o, className: t, disabled: i = !1, isLarge: n = !1, labelClassName: r, labelInline: p = !0, label: d, inputRef: l, ...a }) => {
-  const u = [...vn, t].join(" "), b = [..._n, n ? "m-form-field--lg-target" : ""].join(" ");
+const vn = ["a-radio"], _n = ["m-form-field m-form-field--radio"], to = ({ id: e, name: s, helperText: o, className: t, disabled: i = !1, isLarge: n = !1, labelClassName: r, isLabelInline: p = !0, label: d, inputRef: l, ...a }) => {
+  const f = [...vn, t].join(" "), b = [..._n, n ? "m-form-field--lg-target" : ""].join(" ");
   return v("div", {
     className: b,
     children: [c("input", {
       id: e,
       type: "radio",
       name: s ?? e,
-      className: u,
+      className: f,
       ref: l,
       disabled: i,
       ...a
     }), v(ns, {
       htmlFor: e,
       className: r,
-      inline: p,
+      isInline: p,
       children: [d, c(ss, {
         children: o
       })]
@@ -1649,62 +1684,62 @@ function wn(e, s) {
 function Sn(e, s, o) {
   const t = e, i = s, n = o?.maxSelections || ts;
   let r = [], p = [], d = [], l = [], a = -1;
-  function u(S) {
+  function f(S) {
     return i + "-" + S.value.trim().replace(/\s+/g, "-").toLowerCase();
   }
   function b() {
     return p.length >= n;
   }
-  function h(S) {
+  function g(S) {
     let A;
-    const O = [];
-    let L = !1;
-    for (let H = 0, D = S.length; H < D; H++)
-      A = S[H], L = b() ? !1 : A.defaultSelected, O.push({
-        id: u(A),
+    const B = [];
+    let N = !1;
+    for (let M = 0, D = S.length; M < D; M++)
+      A = S[M], N = b() ? !1 : A.defaultSelected, B.push({
+        id: f(A),
         value: A.value,
         text: A.text,
-        checked: L
-      }), L && p.push(H);
-    return O;
+        checked: N
+      }), N && p.push(M);
+    return B;
   }
   function y() {
-    return r = h(t), this;
+    return r = g(t), this;
   }
   function _(S) {
     return r[S].checked = !r[S].checked, p.length < n && r[S].checked ? (p.push(S), p.sort(), !0) : (r[S].checked = !1, p = p.filter(function(A) {
       return A !== S;
     }), !1);
   }
-  function N(S, A, O, L) {
-    return wn(A.text, L) && S.push(O), S;
+  function L(S, A, B, N) {
+    return wn(A.text, N) && S.push(B), S;
   }
-  function x(S) {
-    return Object.prototype.toString.call(S) !== "[object String]" && (S = ""), l = d, r.length > 0 && (d = r.reduce(function(A, O, L) {
-      return N(A, O, L, S);
+  function k(S) {
+    return Object.prototype.toString.call(S) !== "[object String]" && (S = ""), l = d, r.length > 0 && (d = r.reduce(function(A, B, N) {
+      return L(A, B, N, S);
     }, [])), a = -1, d;
   }
-  function k(S) {
+  function x(S) {
     return r[S];
   }
-  function B(S) {
-    const A = d.length, O = A === 0 ? r.length : A;
-    S < 0 ? a = -1 : S >= O ? a = O - 1 : a = S;
+  function O(S) {
+    const A = d.length, B = A === 0 ? r.length : A;
+    S < 0 ? a = -1 : S >= B ? a = B - 1 : a = S;
   }
-  function M() {
+  function H() {
     return a;
   }
   return this.init = y, this.toggleOption = _, this.getSelectedIndices = function() {
     return p;
-  }, this.isAtMaxSelections = b, this.filterIndices = x, this.clearFilter = function() {
+  }, this.isAtMaxSelections = b, this.filterIndices = k, this.clearFilter = function() {
     return d = l = [], yn;
   }, this.getFilterIndices = function() {
     return d;
   }, this.getLastFilterIndices = function() {
     return l;
-  }, this.getIndex = M, this.setIndex = B, this.resetIndex = function() {
+  }, this.getIndex = H, this.setIndex = O, this.resetIndex = function() {
     return a = -1, a;
-  }, this.getOption = k, this;
+  }, this.getOption = x, this;
 }
 function F(e, s, o) {
   const t = document.createElement(e);
@@ -1713,7 +1748,7 @@ function F(e, s, o) {
     i in t ? t[i] = n : t.setAttribute(i, n);
   }), s && s.appendChild(t), t;
 }
-const Ln = '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf-icon-svg cf-icon-svg--error" viewBox="0 0 12 19"><path d="M11.383 13.644A1.03 1.03 0 0 1 9.928 15.1L6 11.172 2.072 15.1a1.03 1.03 0 1 1-1.455-1.456l3.928-3.928L.617 5.79a1.03 1.03 0 1 1 1.455-1.456L6 8.261l3.928-3.928a1.03 1.03 0 0 1 1.455 1.456L7.455 9.716z"/></svg>', Nn = Ln, P = "o-multiselect", xn = "a-checkbox", kn = "a-text-input", Qe = "prev", ge = "next", Be = "Enter", An = " ", je = "Escape", Cn = "ArrowUp", Ye = "ArrowDown", Ze = "Tab", Ke = {
+const Ln = '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf-icon-svg cf-icon-svg--error" viewBox="0 0 12 19"><path d="M11.383 13.644A1.03 1.03 0 0 1 9.928 15.1L6 11.172 2.072 15.1a1.03 1.03 0 1 1-1.455-1.456l3.928-3.928L.617 5.79a1.03 1.03 0 1 1 1.455-1.456L6 8.261l3.928-3.928a1.03 1.03 0 0 1 1.455 1.456L7.455 9.716z"/></svg>', Nn = Ln, P = "o-multiselect", xn = "a-checkbox", kn = "a-text-input", Qe = "prev", ge = "next", Be = "Enter", An = " ", je = "Escape", Cn = "ArrowUp", Ye = "ArrowDown", Ze = "Tab", Ge = {
   // TODO: renderTags was added as a workaround for DS icons not rendering correctly when integrating with a React implementation.
   renderTags: !0,
   // Allow the Multiselect to generate the Tag elements in the DOM
@@ -1722,34 +1757,34 @@ const Ln = '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf
 };
 function we(e) {
   e.classList.add(P);
-  let s = le(e, P), o = !1, t, i, n, r, p, d, l, a, u, b, h;
+  let s = le(e, P), o = !1, t, i, n, r, p, d, l, a, f, b, g;
   const y = [];
   let _;
-  function N() {
-    h.classList.remove("u-no-results"), h.classList.add("u-filtered");
+  function L() {
+    g.classList.remove("u-no-results"), g.classList.add("u-filtered");
     let m = n.getLastFilterIndices();
-    for (let f = 0, g = m.length; f < g; f++)
-      y[m[f]].classList.remove("u-filter-match");
+    for (let u = 0, h = m.length; u < h; u++)
+      y[m[u]].classList.remove("u-filter-match");
     m = n.getFilterIndices();
-    for (let f = 0, g = m.length; f < g; f++)
-      y[m[f]].classList.add("u-filter-match");
+    for (let u = 0, h = m.length; u < h; u++)
+      y[m[u]].classList.add("u-filter-match");
   }
-  function x() {
-    h.classList.remove("u-filtered", "u-no-results");
-    for (let m = 0, f = h.children.length; m < f; m++)
-      h.children[m].classList.remove("u-filter-match");
+  function k() {
+    g.classList.remove("u-filtered", "u-no-results");
+    for (let m = 0, u = g.children.length; m < u; m++)
+      g.children[m].classList.remove("u-filter-match");
     n.clearFilter();
   }
-  function k() {
-    h.classList.add("u-no-results"), h.classList.remove("u-filtered");
+  function x() {
+    g.classList.add("u-no-results"), g.classList.remove("u-filtered");
   }
-  function B(m) {
-    return m.length > 0 ? (N(), !0) : (k(), !1);
+  function O(m) {
+    return m.length > 0 ? (L(), !0) : (x(), !1);
   }
-  function M(m) {
-    x(), n.resetIndex();
-    const f = n.filterIndices(m);
-    B(f);
+  function H(m) {
+    k(), n.resetIndex();
+    const u = n.filterIndices(m);
+    O(u);
   }
   function S() {
     return d.classList.add("u-active"), b.classList.remove("u-invisible"), b.setAttribute("aria-hidden", !1), _.dispatchEvent("expandbegin", { target: _ }), _;
@@ -1757,105 +1792,105 @@ function we(e) {
   function A() {
     return d.classList.remove("u-active"), b.classList.add("u-invisible"), b.setAttribute("aria-hidden", !0), n.resetIndex(), _.dispatchEvent("collapsebegin", { target: _ }), _;
   }
-  function O(m) {
+  function B(m) {
     m === ge ? n.setIndex(n.getIndex() + 1) : m === Qe && n.setIndex(n.getIndex() - 1);
-    const f = n.getIndex();
-    if (f > -1) {
-      let g = f;
+    const u = n.getIndex();
+    if (u > -1) {
+      let h = u;
       const E = n.getFilterIndices();
-      E.length > 0 && (g = E[f]);
-      const $ = n.getOption(g).value, ps = h.querySelector('[data-option="' + $ + '"]').querySelector("input");
+      E.length > 0 && (h = E[u]);
+      const $ = n.getOption(h).value, ps = g.querySelector('[data-option="' + $ + '"]').querySelector("input");
       o = !0, ps.focus();
     } else
-      o = !1, u.focus();
+      o = !1, f.focus();
   }
-  function L() {
-    u.value = "", x();
+  function N() {
+    f.value = "", k();
   }
-  function H(m) {
-    const f = m.target;
-    f.tagName === "BUTTON" && (m.preventDefault(), f.removeEventListener("click", H), f.querySelector("label").click());
+  function M(m) {
+    const u = m.target;
+    u.tagName === "BUTTON" && (m.preventDefault(), u.removeEventListener("click", M), u.querySelector("label").click());
   }
   function D(m) {
     if (m.key === An || m.key === Be) {
-      const f = m.target.querySelector("label");
-      h.querySelector(
-        "#" + f.getAttribute("for")
+      const u = m.target.querySelector("label");
+      g.querySelector(
+        "#" + u.getAttribute("for")
       ).click();
     }
   }
   function q(m) {
     return t + "-" + m.value.trim().replace(/[^\w]/g, "-").toLowerCase();
   }
-  function z(m, f) {
-    const g = q(f), E = F("li", null, {
-      "data-option": f.value
-    }), C = F("button", E, {
+  function z(m, u) {
+    const h = q(u), E = F("li", null, {
+      "data-option": u.value
+    }), T = F("button", E, {
       type: "button",
       class: "a-tag-filter",
-      innerHTML: "<label for=" + g + ">" + f.text + Nn + "</label>"
+      innerHTML: "<label for=" + h + ">" + u.text + Nn + "</label>"
     });
-    m.appendChild(E), C.addEventListener("click", H), C.addEventListener(
+    m.appendChild(E), T.addEventListener("click", M), T.addEventListener(
       "keydown",
       D
     );
   }
   function fe(m) {
-    const f = n.getOption(m) || n.getOption(n.getIndex());
-    if (f) {
-      if (f.checked) {
-        h.classList.contains("u-max-selections") && h.classList.remove("u-max-selections");
-        const g = '[data-option="' + f.value + '"]', E = l.querySelector(g);
+    const u = n.getOption(m) || n.getOption(n.getIndex());
+    if (u) {
+      if (u.checked) {
+        g.classList.contains("u-max-selections") && g.classList.remove("u-max-selections");
+        const h = '[data-option="' + u.value + '"]', E = l.querySelector(h);
         typeof E < "u" && E && l?.removeChild(E);
-      } else p?.renderTags && l && z(l, f);
-      n.toggleOption(m), n.isAtMaxSelections() && h.classList.add("u-max-selections"), _.dispatchEvent("selectionsupdated", { target: _ });
+      } else p?.renderTags && l && z(l, u);
+      n.toggleOption(m), n.isAtMaxSelections() && g.classList.add("u-max-selections"), _.dispatchEvent("selectionsupdated", { target: _ });
     }
-    n.resetIndex(), o = !1, b.getAttribute("aria-hidden") === "false" && u.focus();
+    n.resetIndex(), o = !1, b.getAttribute("aria-hidden") === "false" && f.focus();
   }
   function ke(m) {
-    fe(Number(m.target.getAttribute("data-index"))), L();
+    fe(Number(m.target.getAttribute("data-index"))), N();
   }
   function Ae() {
-    a.addEventListener("mousemove", function(g) {
-      const E = g.target;
-      g.offsetX > E.offsetWidth - 35 ? E.style.cursor = "pointer" : E.style.cursor = "auto";
-    }), a.addEventListener("mouseup", function(g) {
-      const E = g.target;
-      g.offsetX > E.offsetWidth - 35 && b.offsetHeight === 140 && u.blur();
-    }), u.addEventListener("input", function() {
-      M(this.value);
-    }), u.addEventListener("focus", function() {
+    a.addEventListener("mousemove", function(h) {
+      const E = h.target;
+      h.offsetX > E.offsetWidth - 35 ? E.style.cursor = "pointer" : E.style.cursor = "auto";
+    }), a.addEventListener("mouseup", function(h) {
+      const E = h.target;
+      h.offsetX > E.offsetWidth - 35 && b.offsetHeight === 140 && f.blur();
+    }), f.addEventListener("input", function() {
+      H(this.value);
+    }), f.addEventListener("focus", function() {
       b.getAttribute("aria-hidden") === "true" && S();
-    }), u.addEventListener("blur", function() {
+    }), f.addEventListener("blur", function() {
       !o && b.getAttribute("aria-hidden") === "false" && A();
-    }), u.addEventListener("keydown", function(g) {
-      const E = g.key;
-      b.getAttribute("aria-hidden") === "true" && E !== Ze && S(), E === Be ? (g.preventDefault(), O(ge)) : E === je ? (L(), A()) : E === Ye ? O(ge) : E === Ze && !g.shiftKey && b.getAttribute("aria-hidden") === "false" && A();
-    }), h.addEventListener("mousedown", function() {
+    }), f.addEventListener("keydown", function(h) {
+      const E = h.key;
+      b.getAttribute("aria-hidden") === "true" && E !== Ze && S(), E === Be ? (h.preventDefault(), B(ge)) : E === je ? (N(), A()) : E === Ye ? B(ge) : E === Ze && !h.shiftKey && b.getAttribute("aria-hidden") === "false" && A();
+    }), g.addEventListener("mousedown", function() {
       o = !0;
-    }), h.addEventListener("keydown", function(g) {
-      const E = g.key, C = g.target, $ = C.checked;
+    }), g.addEventListener("keydown", function(h) {
+      const E = h.key, T = h.target, $ = T.checked;
       if (E === Be) {
-        g.preventDefault(), C.checked = !$;
+        h.preventDefault(), T.checked = !$;
         const R = new Event("change", { bubbles: !1, cancelable: !0 });
-        C.dispatchEvent(R);
-      } else E === je ? (u.focus(), A()) : E === Cn ? O(Qe) : E === Ye && O(ge);
-    }), b.addEventListener("mousedown", function(g) {
-      g.target.tagName === "LABEL" && (o = !0);
+        T.dispatchEvent(R);
+      } else E === je ? (f.focus(), A()) : E === Cn ? B(Qe) : E === Ye && B(ge);
+    }), b.addEventListener("mousedown", function(h) {
+      h.target.tagName === "LABEL" && (o = !0);
     });
-    const m = h.querySelectorAll("input");
-    for (let g = 0, E = m.length; g < E; g++)
-      m[g].addEventListener("change", ke);
-    const f = l.querySelectorAll("button");
-    for (let g = 0, E = f.length; g < E; g++)
-      f[g].addEventListener("click", H), f[g].addEventListener("keydown", D);
+    const m = g.querySelectorAll("input");
+    for (let h = 0, E = m.length; h < E; h++)
+      m[h].addEventListener("change", ke);
+    const u = l.querySelectorAll("button");
+    for (let h = 0, E = u.length; h < E; h++)
+      u[h].addEventListener("click", M), u[h].addEventListener("keydown", D);
   }
   function ue() {
     d = document.createElement("div"), d.className = P, l = F("ul", null, {
       className: "m-tag-group"
     }), a = F("header", d, {
       className: P + "__header"
-    }), u = F("input", a, {
+    }), f = F("input", a, {
       className: P + "__search " + kn,
       type: "text",
       placeholder: i || "Select up to five",
@@ -1866,43 +1901,43 @@ function we(e) {
       "aria-hidden": "true"
     });
     let m = P + "__options";
-    n.isAtMaxSelections() && (m += " u-max-selections"), h = F("ul", b, {
+    n.isAtMaxSelections() && (m += " u-max-selections"), g = F("ul", b, {
       className: m
     });
-    let f, g, E;
-    for (let C = 0, $ = r.length; C < $; C++) {
-      f = r[C], g = q(f), E = n.getOption(C).checked;
-      const R = F("li", h, {
-        "data-option": f.value,
+    let u, h, E;
+    for (let T = 0, $ = r.length; T < $; T++) {
+      u = r[T], h = q(u), E = n.getOption(T).checked;
+      const R = F("li", g, {
+        "data-option": u.value,
         "data-cy": "multiselect-option",
         class: "m-form-field m-form-field--checkbox"
       });
       F("input", R, {
-        id: g,
+        id: h,
         // Type must come before value or IE fails
         type: "checkbox",
-        value: f.value,
+        value: u.value,
         name: t,
         class: xn + " " + P + "__checkbox",
         checked: E,
-        "data-index": C
+        "data-index": T
       }), F("label", R, {
-        for: g,
-        textContent: f.text,
+        for: h,
+        textContent: u.text,
         className: P + "__label a-label"
-      }), y.push(R), E && p?.renderTags && z(l, f);
+      }), y.push(R), E && p?.renderTags && z(l, u);
     }
     return d.insertBefore(l, a), s.parentNode.insertBefore(d, s), d.appendChild(s), d;
   }
-  function Ce(m = Ke) {
+  function Ce(m = Ge) {
     if (!oe(s))
       return this;
     if (Zs())
       return this;
-    if (_ = this, t = s.name || s.id, i = s.getAttribute("data-placeholder"), r = s.options || [], p = { ...Ke, ...m }, r.length > 0) {
+    if (_ = this, t = s.name || s.id, i = s.getAttribute("data-placeholder"), r = s.options || [], p = { ...Ge, ...m }, r.length > 0) {
       n = new Sn(r, t, p).init();
-      const f = ue();
-      s.parentNode.removeChild(s), s = f, oe(s), Ae();
+      const u = ue();
+      s.parentNode.removeChild(s), s = u, oe(s), Ae();
     }
     return this;
   }
@@ -1910,8 +1945,8 @@ function we(e) {
     return n;
   }
   this.init = Ce, this.expand = S, this.collapse = A;
-  const K = new ce();
-  return this.addEventListener = K.addEventListener, this.removeEventListener = K.removeEventListener, this.dispatchEvent = K.dispatchEvent, this.getModel = Te, this.updateSelections = fe, this.selectionClickHandler = H, this.selectionKeyDownHandler = D, this;
+  const G = new ce();
+  return this.addEventListener = G.addEventListener, this.removeEventListener = G.removeEventListener, this.dispatchEvent = G.dispatchEvent, this.getModel = Te, this.updateSelections = fe, this.selectionClickHandler = M, this.selectionKeyDownHandler = D, this;
 }
 we.BASE_CLASS = P;
 we.init = (e) => me(`.${P}`, we, void 0, e);
@@ -1928,17 +1963,17 @@ const cs = (e, s) => {
 }, Tn = (e, s) => e.find((o) => o.value === s), In = 5, On = ({ id: e, options: s, label: o, onChange: t = V, defaultOptionLabel: i = "-- select an option --", maxSelections: n = In, ...r }) => {
   const [p, d] = ae([]), l = Xe(null);
   return Q(() => {
-    const u = new we(l.current).init({
+    const f = new we(l.current).init({
       maxSelections: n,
       renderTags: !0
     }), b = () => {
-      const y = u.getModel().getSelectedIndices();
+      const y = f.getModel().getSelectedIndices();
       d([...y]);
-    }, h = "selectionsupdated";
-    return u.addEventListener(h, b), () => u.removeEventListener(h, b);
+    }, g = "selectionsupdated";
+    return f.addEventListener(g, b), () => f.removeEventListener(g, b);
   }, [n]), Q(() => {
-    const a = p.map((u) => ({
-      ...s[u],
+    const a = p.map((f) => ({
+      ...s[f],
       selected: !0
     }));
     t(a);
@@ -1982,14 +2017,14 @@ const cs = (e, s) => {
       })
     })]
   });
-}, to = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? c(On, {
+}, co = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? c(On, {
   onChange: s,
   ...o
 }) : c(Bn, {
   onChange: s,
   ...o
 });
-function co({ href: e = "#main", text: s = "Skip to main content" }) {
+function io({ href: e = "#main", text: s = "Skip to main content" }) {
   return c("div", {
     className: "skip-nav",
     children: c("a", {
@@ -1999,7 +2034,7 @@ function co({ href: e = "#main", text: s = "Skip to main content" }) {
     })
   });
 }
-const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, isMinimal: t = !1, className: i = "", ...n }) => {
+const ro = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, isMinimal: t = !1, className: i = "", ...n }) => {
   Q(() => {
     t ? ye.init() : _e.init(), document.readyState === "complete" && globalThis.dispatchEvent(new Event("load"));
   }, [t]);
@@ -2016,21 +2051,21 @@ const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
       children: t ? v(ne, {
         children: [v("span", {
           className: "o-summary-minimal__cue-open",
-          children: ["Show ", c(T, {
+          children: ["Show ", c(C, {
             name: "plus",
             isPresentational: !0,
             withBg: !0
           })]
         }), v("span", {
           className: "o-summary-minimal__cue-close",
-          children: ["Hide ", c(T, {
+          children: ["Hide ", c(C, {
             name: "minus",
             isPresentational: !0,
             withBg: !0
           })]
         })]
       }) : v(ne, {
-        children: [s, c(T, {
+        children: [s, c(C, {
           name: "plus",
           isPresentational: !0,
           withBg: !0
@@ -2066,7 +2101,7 @@ const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
     return c("tr", {
       children: o.map((n, r) => {
         const p = s[r], d = `row-${t}-col-${r}`;
-        return Ge("td", {
+        return Ke("td", {
           ...Mn(p),
           key: d
         }, n);
@@ -2075,33 +2110,33 @@ const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
   })
 }), Pn = ({ children: e }) => e ? c("caption", {
   children: e
-}) : null, Rn = Se(({ id: e, caption: s, columns: o, rows: t, isResponsive: i = !1, isScrollableHorizontal: n = !1, isStriped: r = !1, isPaginated: p = !1, startPage: d = j, perPage: l = os, className: a, divRef: u, tableRef: b, ...h }, y) => {
-  const [_, N] = hn({
+}) : null, Rn = Se(({ id: e, caption: s, columns: o, rows: t, isResponsive: i = !1, isScrollableHorizontal: n = !1, isStriped: r = !1, isPaginated: p = !1, startPage: d = j, perPage: l = os, className: a, divRef: f, tableRef: b, ...g }, y) => {
+  const [_, L] = hn({
     rows: t,
     isPaginated: p,
     startPage: d,
     perPage: l
-  }), x = Je(), k = [];
-  i && k.push("o-table o-table--stack-on-small"), r && k.push("o-table--striped"), p && k.push("u-w100pct"), a && k.push(a);
-  const B = v(ne, {
+  }), k = Je(), x = [];
+  i && x.push("o-table o-table--stack-on-small"), r && x.push("o-table--striped"), p && x.push("u-w100pct"), a && x.push(a);
+  const O = v(ne, {
     children: [v("table", {
-      className: w(k),
+      className: w(x),
       ref: b,
-      id: e ?? x,
-      ...h,
+      id: e ?? k,
+      ...g,
       children: [c(Pn, {
         children: s
       }), Hn(o), Dn(_, o)]
     }), p ? c(gn, {
-      ...N,
-      tableId: e ?? x
+      ...L,
+      tableId: e ?? k
     }) : null]
   });
   return n ? c("div", {
     className: "o-table o-table-wrapper--scrolling",
-    ref: y ?? u,
-    children: B
-  }) : B;
+    ref: y ?? f,
+    children: O
+  }) : O;
 });
 Rn.displayName = "Table";
 const Fn = {
@@ -2109,10 +2144,10 @@ const Fn = {
   error: "a-text-input--error",
   warning: "a-text-input--warning",
   info: "a-text-input--info"
-}, is = (e) => Fn[e], ro = Se(({ id: e, className: s = "", status: o = "info", placeholder: t = "Placeholder text", isFullWidth: i = !1, isDisabled: n = !1, onChange: r = V, ...p }, d) => {
-  const l = (u) => {
-    u.preventDefault(), r(u.target.value);
-  }, a = ["a-text-input", is(o), i ? "a-text-input--full" : "", s || ""].filter((u) => u.length);
+}, is = (e) => Fn[e], po = Se(({ id: e, className: s = "", status: o = "info", placeholder: t = "Placeholder text", isFullWidth: i = !1, isDisabled: n = !1, onChange: r = V, ...p }, d) => {
+  const l = (f) => {
+    f.preventDefault(), r(f.target.value);
+  }, a = ["a-text-input", is(o), i ? "a-text-input--full" : "", s || ""].filter((f) => f.length);
   return c("div", {
     className: "m-form-field",
     children: c("textarea", {
@@ -2125,7 +2160,7 @@ const Fn = {
       ...p
     })
   });
-}), po = Se(({ className: e, id: s, inputRef: o, isDisabled: t = !1, name: i, status: n = "info", type: r = "text", isFullWidth: p = !1, ...d }, l) => {
+}), ao = Se(({ className: e, id: s, inputRef: o, isDisabled: t = !1, name: i, status: n = "info", type: r = "text", isFullWidth: p = !1, ...d }, l) => {
   const a = ["a-text-input", e, is(n)];
   return p ? (a.push("a-text-input--full"), c("div", {
     className: "m-form-field",
@@ -2175,24 +2210,24 @@ Z.Container = ({ className: e, children: s, ...o }) => c("div", {
   ...o,
   children: s
 });
-const ao = Z.Container;
+const lo = Z.Container;
 Z.Heading = ({ children: e }) => c(Ee, {
   type: "1",
   children: e
 });
-const lo = Z.Heading;
+const mo = Z.Heading;
 Z.Description = ({ children: e }) => rs(e);
-const mo = Z.Description;
+const fo = Z.Description;
 Z.Subheading = ({ children: e }) => c(Re, {
   isLead: !0,
   children: e
 });
-const fo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => c("div", {
+const uo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => c("div", {
   className: `o-well ${s}`,
   ...o,
   children: e
 });
-function uo({ heading: e, headingLevel: s = "h3", links: o, text: t, className: i = "", ...n }) {
+function bo({ heading: e, headingLevel: s = "h3", links: o, text: t, className: i = "", ...n }) {
   const r = [];
   if (o) for (const p of o)
     r.push(c(Le, {
@@ -2221,44 +2256,45 @@ export {
   de as Button,
   Yn as ButtonGroup,
   Zn as Checkbox,
-  Kn as Divider,
-  Gn as Expandable,
-  zn as ExpandableGroup,
+  Gn as Divider,
+  Kn as Expandable,
+  Xn as ExpandableGroup,
+  zn as Fieldset,
   en as Footer,
-  Xn as FooterCfGov,
-  Jn as Grid,
+  Jn as FooterCfGov,
+  eo as Grid,
+  oo as Header,
   Ee as Heading,
-  eo as Hero,
-  T as Icon,
+  so as Hero,
+  C as Icon,
   ns as Label,
   Qn as LanguageLink,
-  so as Layout,
+  no as Layout,
   re as Link,
   Ls as LinkText,
   te as List,
   Le as ListItem,
   Me as ListItemBuilder,
   Ns as ListLink,
-  no as PageHeader,
   gn as Pagination,
   Re as Paragraph,
-  oo as RadioButton,
+  to as RadioButton,
   fn as ResponsiveMenu,
-  to as Select,
+  co as Select,
   On as SelectMulti,
   Bn as SelectSingle,
-  co as SkipNav,
-  io as Summary,
+  io as SkipNav,
+  ro as Summary,
   Rn as Table,
   As as Tagline,
-  ro as TextArea,
-  po as TextInput,
+  po as TextArea,
+  ao as TextInput,
   Z as TextIntroduction,
-  ao as TextIntroductionContainer,
-  mo as TextIntroductionDescription,
-  lo as TextIntroductionHeading,
-  fo as TextIntroductionSubheading,
+  lo as TextIntroductionContainer,
+  fo as TextIntroductionDescription,
+  mo as TextIntroductionHeading,
+  uo as TextIntroductionSubheading,
   Wn as WellContainer,
-  uo as WellContent,
+  bo as WellContent,
   hn as usePagination
 };