@cfpb/design-system-react 0.0.14 → 0.0.15

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { jsx as c, jsxs as v, Fragment as oe } from "react/jsx-runtime";
-import ne, { useState as ae, useEffect as j, createElement as Ze, Fragment as ds, forwardRef as Se, useCallback as Ke, useRef as ze, useId as Xe, cloneElement as as } from "react";
-import { Link as ls } from "react-router-dom";
+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 { Link as ls } from "react-router";
 function ms(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -46,7 +46,7 @@ const w = /* @__PURE__ */ ms(us), bs = (e, s, o) => {
   });
 }, gs = (e) => {
   const [s, o] = ae(null);
-  return j(() => {
+  return Q(() => {
     let t = !0;
     return (async () => {
       try {
@@ -96,7 +96,7 @@ const w = /* @__PURE__ */ ms(us), bs = (e, s, o) => {
     ...d
   });
 };
-function ie({ children: e, className: s, isHorizontal: o, isLinks: t = !1, isOrdered: i, isSpaced: n, isUnstyled: r }) {
+function te({ children: e, className: s, isHorizontal: o, isLinks: t = !1, isOrdered: i, isSpaced: n, isUnstyled: r }) {
   const p = ["m-list"];
   return o && p.push("m-list--horizontal"), t && p.push("m-list--links"), n && p.push("m-list--spaced"), r && p.push("m-list--unstyled"), s && p.push(s), i ? c("ol", {
     className: w(p),
@@ -106,14 +106,14 @@ function ie({ children: e, className: s, isHorizontal: o, isLinks: t = !1, isOrd
     children: e
   });
 }
-var Je = ((e) => (e.info = "--info", e.error = "--error", e.success = "--success", e.warning = "--warning", e))(Je || {});
+var es = ((e) => (e.info = "--info", e.error = "--error", e.success = "--success", e.warning = "--warning", e))(es || {});
 const ws = {
   info: "information",
   error: "error",
   success: "approved",
   warning: "warning"
 }, 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${Je[e]}`,
+  className: `a-form-alert a-form-alert${es[e]}`,
   ...t,
   children: [c(T, {
     ariaLabel: `${e} icon`,
@@ -126,7 +126,7 @@ const ws = {
 }) : v("p", {
   children: ["[Error] Unsupported field-level alert type provided: ", e]
 });
-function Ne({ children: e, className: s, ...o }) {
+function Le({ children: e, className: s, ...o }) {
   return c("li", {
     className: w("m-list__item", s),
     ...o,
@@ -134,17 +134,17 @@ function Ne({ children: e, className: s, ...o }) {
   });
 }
 function Me({ children: e, itemClassname: s = "", className: o }) {
-  return c(oe, {
-    children: e.map((t) => c(Ne, {
+  return c(ne, {
+    children: e.map((t) => c(Le, {
       className: o,
-      children: ne.cloneElement(t, {
+      children: se.cloneElement(t, {
         className: `${s} ${t.props?.className ?? ""}`
       })
     }, t.key))
   });
 }
-function U({ 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(Ns, {
+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, {
     children: p
   }) : p, y = w(l.className, {
     "a-btn": e || d === "destructive",
@@ -176,16 +176,16 @@ function U({ asButton: e = !1, children: s, href: o, iconLeft: t, iconRight: i,
     })]
   });
 }
-const Ns = ({ children: e, ...s }) => c("span", {
+const Ls = ({ children: e, ...s }) => c("span", {
   className: "a-link__text",
   ...s,
   children: e
-}), Ls = (e) => c(Ne, {
-  children: c(U, {
+}), Ns = (e) => c(Le, {
+  children: c(re, {
     ...e,
     isJump: !0
   })
-}), xs = ({ href: e, label: s, isExternal: o }) => c(Ls, {
+}), xs = ({ href: e, label: s, isExternal: o }) => c(Ns, {
   href: e,
   label: s,
   iconRight: o ? "external-link" : void 0
@@ -210,7 +210,7 @@ const Ns = ({ children: e, ...s }) => c("span", {
     name: "warning",
     withBg: !0
   }
-}, Yn = ({ children: e, className: s, links: o, message: t, status: i = "info", isVisible: n = !0, isFieldLevel: r = !1, showIcon: p = !0, ...d }) => {
+}, Vn = ({ children: e, className: s, links: o, message: t, status: i = "info", isVisible: n = !0, isFieldLevel: r = !1, showIcon: p = !0, ...d }) => {
   if (!n) return null;
   if (r)
     return c(Ss, {
@@ -239,9 +239,9 @@ const Ns = ({ children: e, ...s }) => c("span", {
       }) : null, e ? c("div", {
         className: `${t ? "m-notification__explanation" : ""}`,
         children: e
-      }) : null, o && o.length > 0 ? c(ie, {
+      }) : null, o && o.length > 0 ? c(te, {
         isLinks: !0,
-        children: o.map((a) => Ze(xs, {
+        children: o.map((a) => Ge(xs, {
           ...a,
           key: a.href
         }))
@@ -271,7 +271,7 @@ const Ns = ({ children: e, ...s }) => c("span", {
     href: `tel:+${e}`,
     children: e
   });
-}, Ts = ({ isHorizontal: e = !0, tagline: s = v(oe, {
+}, Ts = ({ isHorizontal: e = !0, tagline: s = v(ne, {
   children: ["An official website of the", " ", c("span", {
     className: "u-nowrap",
     children: "United States government"
@@ -342,7 +342,7 @@ const Ns = ({ children: e, ...s }) => c("span", {
     label: "Kreyòl Ayisyen",
     code: "ht"
   }
-}, Gn = ({ code: e, href: s, label: o, languageMap: t = Is, ...i }) => {
+}, Qn = ({ code: e, href: s, label: o, languageMap: t = Is, ...i }) => {
   const n = t[e];
   let r = e, p = e, d = o, l = s;
   return n && (r = n.code, p = n.code, d = o ?? n.label, l = n.href || s), c("a", {
@@ -352,7 +352,7 @@ const Ns = ({ children: e, ...s }) => c("span", {
     ...i,
     children: d
   });
-}, Zn = ({ crumbs: e, ariaLabel: s = "Breadcrumbs", className: o, ...t }) => e.length === 0 ? null : c("div", {
+}, jn = ({ crumbs: e, ariaLabel: s = "Breadcrumbs", className: o, ...t }) => e.length === 0 ? null : c("div", {
   className: w("u-layout-grid__breadcrumbs", o),
   ...t,
   children: c("nav", {
@@ -377,7 +377,7 @@ const Ns = ({ children: e, ...s }) => c("span", {
 }, Hs = {
   default: [],
   full: ["a-btn--full-on-xs"]
-}, te = Se(({ appearance: e = "primary", asLink: s = !1, size: o = "default", label: t, className: i, iconLeft: n, iconRight: r, ...p }, d) => {
+}, 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,
@@ -395,16 +395,16 @@ const Ns = ({ children: e, ...s }) => c("span", {
     })]
   });
 });
-te.displayName = "Button";
-const Kn = ({ className: e, children: s, ...o }) => s ? c("div", {
+de.displayName = "Button";
+const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
   className: `m-btn-group ${e ?? ""}`,
   ...o,
   children: s
-}) : null, es = ({ children: e, className: s, ...o }) => e ? v("small", {
+}) : null, ss = ({ children: e, className: s, ...o }) => e ? v("small", {
   className: w(["a-label__helper", s]),
   ...o,
   children: ["(", e, ")"]
-}) : null, Ms = ["a-label"], ss = ({ children: e, inline: s = !1, htmlFor: o, className: t, ...i }) => {
+}) : null, Ms = ["a-label"], ns = ({ children: e, inline: s = !1, htmlFor: o, className: t, ...i }) => {
   const r = [...[...Ms, s ? "" : "a-label--heading"], t];
   return e ? c("label", {
     ...i,
@@ -416,12 +416,12 @@ const Kn = ({ 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 _ = Ke((x) => {
+}, 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]), L = [...Ds, l ? "m-form-field--lg-target" : "", h ? Ps[h] : "", o];
+  }, [b]), N = [...Ds, l ? "m-form-field--lg-target" : "", h ? Ps[h] : "", o];
   return v("div", {
-    className: w(L),
+    className: w(N),
     children: [c("input", {
       id: e,
       type: "checkbox",
@@ -434,17 +434,17 @@ const Kn = ({ className: e, children: s, ...o }) => s ? c("div", {
       onChange: _,
       ...y,
       className: w(["a-checkbox", t])
-    }), v(ss, {
+    }), v(ns, {
       id: `${e}-label`,
       className: i,
       htmlFor: e,
       inline: a,
-      children: [s, c(es, {
+      children: [s, c(ss, {
         children: r
       })]
     })]
   });
-}, Xn = ({ className: e = "", ...s }) => c("div", {
+}, Kn = ({ className: e = "", ...s }) => c("div", {
   className: `content__line ${e}`,
   ...s
 }), We = {
@@ -494,8 +494,8 @@ function Us(e) {
   let s = !1;
   return (Fs().bpXS || e === qs || e === $s) && (s = !0), s;
 }
-const G = "data-js-hook", Vs = "behavior_", Qs = "state_";
-function re() {
+const Y = "data-js-hook", Vs = "behavior_", Qs = "state_";
+function ce() {
   const e = {};
   function s(i, n) {
     return {}.hasOwnProperty.call(e, i) ? e[i].push(n) : e[i] = [n], this;
@@ -517,20 +517,20 @@ function re() {
   }
   return this.addEventListener = s, this.removeEventListener = o, this.dispatchEvent = t, this.getRegisteredEvents = () => e, this;
 }
-function Le(e, s) {
+function Ne(e, s) {
   if (!e)
     return !1;
-  let o = e.getAttribute(G);
+  let o = e.getAttribute(Y);
   return o ? (o = o.split(" "), o.indexOf(s) > -1) : !1;
 }
 function W(e, s) {
-  if (Le(e, s)) return s;
+  if (Ne(e, s)) return s;
   if (s.indexOf(" ") !== -1) {
-    const t = G + " values cannot contain spaces!";
+    const t = Y + " values cannot contain spaces!";
     throw new Error(t);
   }
-  const o = e.getAttribute(G);
-  return o !== null && (s = o + " " + s), e.setAttribute(G, s), s;
+  const o = e.getAttribute(Y);
+  return o !== null && (s = o + " " + s), e.setAttribute(Y, s), s;
 }
 const He = Qs + "atomic_init";
 function js(e, s) {
@@ -551,22 +551,22 @@ function Ys(e, s) {
 function le(e, s) {
   return js(e, s), Ys(e, s);
 }
-function ce(e) {
-  return Le(e, He) ? !1 : (W(e, He), !0);
+function oe(e) {
+  return Ne(e, He) ? !1 : (W(e, He), !0);
 }
 function me(e, s, o, t = {}) {
   const n = (o || document).querySelectorAll(e), r = [];
   let p, d;
   for (let l = 0, a = n.length; l < a; l++)
-    d = n[l], Le(d, He) === !1 && (p = new s(d), p.init(t), r.push(p));
+    d = n[l], Ne(d, He) === !1 && (p = new s(d), p.init(t), r.push(p));
   return r;
 }
 function qe(e, s) {
   let o;
-  if (Le(e, s))
+  if (Ne(e, s))
     return o = e, o;
   if (e) {
-    const t = "[" + G + "=" + s + "]";
+    const t = "[" + Y + "=" + s + "]";
     o = e.querySelector(t);
   }
   if (!o) {
@@ -575,7 +575,7 @@ function qe(e, s) {
   }
   return o;
 }
-function Gs() {
+function Zs() {
   return !!new RegExp(
     /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i
   ).test(navigator.userAgent);
@@ -602,22 +602,22 @@ function I(e, s, o) {
   function h() {
     i.removeEventListener(p, d);
   }
-  function y(N) {
-    return N && N.propertyName !== t.CSS_PROPERTY ? !1 : (h(), i.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
+  function y(L) {
+    return L && L.propertyName !== t.CSS_PROPERTY ? !1 : (h(), i.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
       target: n,
       type: I.END_EVENT
     }), a = !1, !0);
   }
   function _() {
-    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]);
+    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]);
   }
-  function L() {
+  function N() {
     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() {
-    L(), _(), i.classList.remove(t.BASE_CLASS);
+    N(), _(), i.classList.remove(t.BASE_CLASS);
   }
   function k() {
     i.classList.remove(I.NO_ANIMATION_CLASS), l = !0;
@@ -625,10 +625,10 @@ function I(e, s, o) {
   function B() {
     i.classList.add(I.NO_ANIMATION_CLASS), l = !1;
   }
-  function M(N) {
-    if (!N) {
-      const X = "Element does not have TransitionEnd event. It may be null!";
-      throw new Error(X);
+  function M(L) {
+    if (!L) {
+      const z = "Element does not have TransitionEnd event. It may be null!";
+      throw new Error(z);
     }
     let H;
     const D = {
@@ -639,52 +639,52 @@ function I(e, s, o) {
     };
     let q;
     for (q in D)
-      if ({}.hasOwnProperty.call(D, q) && typeof N.style[q] < "u") {
+      if ({}.hasOwnProperty.call(D, q) && typeof L.style[q] < "u") {
         H = D[q];
         break;
       }
     return H;
   }
-  function S(N) {
-    x(), k(), i = N, i.classList.add(t.BASE_CLASS), p = M(i);
+  function S(L) {
+    x(), k(), i = L, i.classList.add(t.BASE_CLASS), p = M(i);
   }
-  function A(N) {
-    if (l = !i.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(i), !N)
+  function A(L) {
+    if (l = !i.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(i), !L)
       throw new Error(
         "Transition needs to be passed an initial CSS class on initialization!"
       );
-    return i.classList.add(N), this;
+    return i.classList.add(L), this;
   }
-  function O(N) {
-    return u || (_(), u = !0), i.classList.contains(N) ? !1 : (h(), i.classList.remove(r), r = N, b(), i.classList.add(r), !0);
+  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);
   }
-  return this.animateOff = B, this.animateOn = k, this.applyClass = O, this.halt = L, this.init = A, this.isAnimated = () => l, this.remove = x, this.setElement = S, this;
+  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;
 }
 I.BEGIN_EVENT = "transitionbegin";
 I.END_EVENT = "transitionend";
 I.NO_ANIMATION_CLASS = "u-no-animation";
 I.ANIMATING_CLASS = "u-is-animating";
-const pe = Vs + "flyout-menu", Zs = "[" + G + "=" + pe;
+const ie = Vs + "flyout-menu", Ks = "[" + Y + "=" + ie;
 function xe(e, s = !0) {
-  const o = qe(e, pe), t = k(e), i = qe(e, pe + "_content");
+  const o = qe(e, ie), t = k(e), i = qe(e, ie + "_content");
   let n = 0;
   const r = 0, p = 1, d = 2, l = 3;
   let a, u, b;
-  const h = X.bind(this), y = q.bind(this);
-  let _, L = !0, x = !1;
+  const h = z.bind(this), y = q.bind(this);
+  let _, N = !0, x = !1;
   function k(m) {
-    const f = [], g = m.querySelectorAll(`${Zs}_trigger]`);
+    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(G) && C.getAttribute(G).split(" ").indexOf(pe) !== -1 ? ($ = !0, C = m) : C = C.parentElement;
+        C.getAttribute(Y) && C.getAttribute(Y).split(" ").indexOf(ie) !== -1 ? ($ = !0, C = m) : C = C.parentElement;
       $ || f.unshift(g[R]);
     }
     return f;
   }
   function B(m = !1) {
     return n = m ? l : r, t.forEach((f) => {
-      M("expanded", f, m), f.addEventListener("click", N.bind(this)), f.addEventListener("touchstart", S, {
+      M("expanded", f, m), f.addEventListener("click", L.bind(this)), f.addEventListener("touchstart", S, {
         passive: !0
       }), f.addEventListener("mouseover", A.bind(this)), f.addEventListener("mouseout", O.bind(this));
     }), i.setAttribute("data-open", m ? "true" : "false"), s && !m && i.setAttribute("hidden", ""), ue(), this;
@@ -697,21 +697,21 @@ function xe(e, s = !0) {
     x = !0;
   }
   function A(m) {
-    L || (x || this.dispatchEvent("triggerover", {
+    N || (x || this.dispatchEvent("triggerover", {
       target: this,
       trigger: m.target,
       type: "triggerover"
     }), x = !1);
   }
   function O(m) {
-    L || this.dispatchEvent("triggerout", {
+    N || this.dispatchEvent("triggerout", {
       target: this,
       trigger: m.target,
       type: "triggerout"
     });
   }
-  function N(m) {
-    if (!L)
+  function L(m) {
+    if (!N)
       switch (this.dispatchEvent("triggerclick", {
         target: this,
         trigger: m.target,
@@ -757,7 +757,7 @@ function xe(e, s = !0) {
     for (let m = 0, f = t.length; m < f; m++)
       M("expanded", t[m], !0);
   }
-  function X() {
+  function z() {
     n = r, s && i.setAttribute("hidden", ""), a && a.removeEventListener(
       I.END_EVENT,
       h
@@ -779,18 +779,18 @@ function xe(e, s = !0) {
     };
   }
   function ue() {
-    return L && (L = !1), !L;
+    return N && (N = !1), !N;
   }
   function Ce() {
-    return L || (L = !0), L;
+    return N || (N = !0), N;
   }
   function Te(m) {
     return _ = m, this;
   }
-  const K = new re();
-  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 = pe, 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 $e = "transitiondir", J = {
+const $e = "transitiondir", X = {
   CSS_PROPERTY: "max-height",
   BASE_CLASS: "u-max-height-transition",
   MH_DEFAULT: "u-max-height-default",
@@ -798,19 +798,19 @@ const $e = "transitiondir", J = {
   MH_DYNAMIC: "u-max-height-dynamic",
   MH_ZERO: "u-max-height-zero"
 };
-function V(e) {
-  const s = this, o = new re(), t = new I(e, J, this);
+function U(e) {
+  const s = this, o = new ce(), t = new I(e, X, this);
   let i = 0;
   function n() {
     const _ = e.scrollHeight + "px";
     e.style.maxHeight = _, e.style.bottom = "auto", e.style.top = "auto";
   }
   function r() {
-    const y = e.getBoundingClientRect(), _ = window.innerHeight - y.top, L = y.top, x = _ <= 140 ? "up" : "down";
+    const y = e.getBoundingClientRect(), _ = window.innerHeight - y.top, N = y.top, x = _ <= 140 ? "up" : "down";
     return {
       rect: y,
       distanceToBottom: _,
-      distanceToTop: L,
+      distanceToTop: N,
       dir: x
     };
   }
@@ -823,48 +823,48 @@ function V(e) {
     }), this;
   }
   function l() {
-    return n(), t.applyClass(J.MH_DEFAULT), (!i || e.scrollHeight > i) && (i = e.scrollHeight), this;
+    return n(), t.applyClass(X.MH_DEFAULT), (!i || e.scrollHeight > i) && (i = e.scrollHeight), this;
   }
   function a() {
-    return n(), t.applyClass(J.MH_SUMMARY), i = e.scrollHeight, this;
+    return n(), t.applyClass(X.MH_SUMMARY), i = e.scrollHeight, this;
   }
   function u() {
     n(), e.style.top = "100%";
     const y = r();
     let _ = 30;
-    const L = 2;
-    let x = e.scrollHeight + _ < y.distanceToBottom ? `${e.scrollHeight + L}px` : `${y.distanceToBottom - _}px`;
+    const N = 2;
+    let x = e.scrollHeight + _ < y.distanceToBottom ? `${e.scrollHeight + N}px` : `${y.distanceToBottom - _}px`;
     if (y.dir === "up") {
       const k = e.parentElement.offsetHeight;
-      _ += k, e.style.bottom = `${k - L}px`, x = e.scrollHeight + _ < y.distanceToTop ? `${e.scrollHeight + L}px` : `${y.distanceToTop - _}px`, e.style.top = "unset";
+      _ += k, e.style.bottom = `${k - N}px`, x = e.scrollHeight + _ < y.distanceToTop ? `${e.scrollHeight + N}px` : `${y.distanceToTop - _}px`, e.style.top = "unset";
     }
-    return e.style.maxHeight = x, t.applyClass(J.MH_DYNAMIC), s.dispatchEvent($e, {
+    return e.style.maxHeight = x, t.applyClass(X.MH_DYNAMIC), s.dispatchEvent($e, {
       target: s,
       type: $e,
       dir: y.dir
     }), i = e.scrollHeight, this;
   }
   function b() {
-    return t.applyClass(J.MH_ZERO), i = e.scrollHeight, this;
+    return t.applyClass(X.MH_ZERO), i = e.scrollHeight, this;
   }
   function h() {
     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;
 }
-V.CLASSES = J;
-const ee = "o-expandable";
-function z(e) {
-  const s = le(e, ee);
+U.CLASSES = X;
+const J = "o-expandable";
+function G(e) {
+  const s = le(e, J);
   let o, t, i, n, r;
   function p() {
-    if (!ce(s))
+    if (!oe(s))
       return this;
-    o = s.querySelector(`.${ee}__header`), t = s.querySelector(`.${ee}__content`), i = s.querySelector(`.${ee}__label`);
-    const a = s.classList.contains(`${ee}--onload-open`);
+    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 ? V.CLASSES.MH_DEFAULT : V.CLASSES.MH_ZERO;
-    return n = new V(t).init(u), a || t.classList.add("u-hidden"), r = new xe(s), r.setTransition(
+    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(
       n,
       n.maxHeightZero,
       n.maxHeightDefault
@@ -878,11 +878,11 @@ function z(e) {
     return i.textContent.trim();
   }
   this.init = p, this.expand = () => r.expand(), this.collapse = () => r.collapse(), this.isExpanded = () => r.isExpanded(), this.refresh = () => r.getTransition().refresh(), this.getLabelText = d;
-  const l = new re();
+  const l = new ce();
   return this.addEventListener = l.addEventListener, this.removeEventListener = l.removeEventListener, this.dispatchEvent = l.dispatchEvent, this;
 }
-z.BASE_CLASS = ee;
-z.init = (e) => me(`.${z.BASE_CLASS}`, z, e);
+G.BASE_CLASS = J;
+G.init = (e) => me(`.${G.BASE_CLASS}`, G, e);
 const he = "o-expandable-group";
 function ve(e) {
   const s = le(e, he), o = s.classList.contains(`${he}--accordion`);
@@ -892,7 +892,7 @@ function ve(e) {
     i && i !== d && i.collapse(), i = d;
   }
   function r(p) {
-    return ce(s) ? (o && (t = p, t.forEach((d) => {
+    return oe(s) ? (o && (t = p, t.forEach((d) => {
       d.addEventListener("expandbegin", n);
     })), this) : this;
   }
@@ -902,23 +902,23 @@ ve.BASE_CLASS = he;
 ve.init = (e) => {
   (e || document).querySelectorAll(`.${he}`).forEach((t) => {
     const i = me(
-      `.${z.BASE_CLASS}`,
-      z,
+      `.${G.BASE_CLASS}`,
+      G,
       t
     );
     new ve(t).init(i);
   });
 };
-const se = "o-summary";
+const ee = "o-summary";
 function _e(e) {
-  const s = le(e, se), o = s.classList.contains(`${se}--mobile`), t = s.querySelector(`.${se}__content`), i = s.querySelector(`.${se}__btn`);
+  const s = le(e, ee), o = s.classList.contains(`${ee}--mobile`), t = s.querySelector(`.${ee}__content`), i = s.querySelector(`.${ee}__btn`);
   let n, r, p;
   function d() {
-    return ce(s) ? (window.addEventListener("load", l), this) : this;
+    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 V(t), n.init(
-      p ? V.CLASSES.MH_SUMMARY : V.CLASSES.MH_DEFAULT
+    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(
+      p ? U.CLASSES.MH_SUMMARY : U.CLASSES.MH_DEFAULT
     ), r.setTransition(
       n,
       n.maxHeightSummary,
@@ -943,32 +943,32 @@ function _e(e) {
   function _() {
     x(), window.removeEventListener("resize", b), window.removeEventListener("orientationchange", b), r.removeEventListener("expandend", _), r.suspend(), n.remove();
   }
-  function L() {
+  function N() {
     i.classList.remove("u-hidden");
   }
   function x() {
     i.classList.add("u-hidden");
   }
   function k() {
-    return p && (r.collapse(), n.animateOn(), L(), p = !1), !p;
+    return p && (r.collapse(), n.animateOn(), N(), p = !1), !p;
   }
   function B() {
     return p || (n.animateOff(), r.expand(), x(), p = !0), p;
   }
-  const M = new re();
+  const M = new ce();
   return this.addEventListener = M.addEventListener, this.removeEventListener = M.removeEventListener, this.dispatchEvent = M.dispatchEvent, this.init = d, this;
 }
-_e.BASE_CLASS = se;
-_e.init = (e) => me(`.${se}`, _e, e);
-const de = "o-summary-minimal";
+_e.BASE_CLASS = ee;
+_e.init = (e) => me(`.${ee}`, _e, e);
+const pe = "o-summary-minimal";
 function ye(e) {
-  const s = le(e, de), o = s.querySelector(`.${de}__content`), t = s.querySelector(`.${de}__btn`);
+  const s = le(e, pe), o = s.querySelector(`.${pe}__content`), t = s.querySelector(`.${pe}__btn`);
   let i, n;
   function r() {
-    return ce(s) ? (W(s, "behavior_flyout-menu"), W(o, "behavior_flyout-menu_content"), W(t, "behavior_flyout-menu_trigger"), window.addEventListener("load", p), this) : this;
+    return oe(s) ? (W(s, "behavior_flyout-menu"), W(o, "behavior_flyout-menu_content"), W(t, "behavior_flyout-menu_trigger"), window.addEventListener("load", p), this) : this;
   }
   function p() {
-    window.removeEventListener("load", p), n = new xe(s, !1), i = new V(o), i.init(V.CLASSES.MH_SUMMARY), n.setTransition(
+    window.removeEventListener("load", p), n = new xe(s, !1), i = new U(o), i.init(U.CLASSES.MH_SUMMARY), n.setTransition(
       i,
       i.maxHeightSummary,
       i.maxHeightDefault
@@ -980,14 +980,14 @@ function ye(e) {
   function l(u) {
     u.target.tagName !== "A" && n.isExpanded() && i.refresh();
   }
-  const a = new re();
+  const a = new ce();
   return this.addEventListener = a.addEventListener, this.removeEventListener = a.removeEventListener, this.dispatchEvent = a.dispatchEvent, this.init = r, this;
 }
-ye.BASE_CLASS = de;
-ye.init = (e) => me(`.${de}`, ye, e);
-const Jn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadded: i = !1, openOnLoad: n = !1, className: r = "", ...p }) => {
-  j(() => {
-    t || z.init();
+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 }) => {
+  Q(() => {
+    t || G.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", {
@@ -1028,12 +1028,12 @@ const Jn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
       children: s
     })]
   });
-}, eo = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...i }) => {
+}, zn = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...i }) => {
   const n = ["o-expandable-group", t];
-  s && n.push("o-expandable-group--accordion"), j(() => {
+  s && n.push("o-expandable-group--accordion"), Q(() => {
     ve.init();
   }, [s]);
-  const r = ne.Children.map(o, (p) => ne.isValidElement(p) ? ne.cloneElement(p, {
+  const r = se.Children.map(o, (p) => se.isValidElement(p) ? se.cloneElement(p, {
     inAccordion: !0,
     openOnLoad: p.props.openOnLoad ?? !1
   }) : p);
@@ -1043,7 +1043,7 @@ const Jn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
     ...i,
     children: r
   });
-}, Ks = () => v("a", {
+}, Gs = () => v("a", {
   className: "a-btn a-btn--secondary o-footer__top-button",
   "data-gtm_ignore": "true",
   "data-js-hook": "behavior_return-to-top",
@@ -1067,7 +1067,7 @@ const Jn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
       })]
     })]
   })
-}), De = (e) => e.length === 0, Xs = ({ children: e }) => De(e) ? null : c(ie, {
+}), De = (e) => e.length === 0, Xs = ({ children: e }) => De(e) ? null : c(te, {
   className: "o-footer__nav-list m-list--links m-list--horizontal",
   children: c(Me, {
     itemClassname: "m-list__link",
@@ -1077,7 +1077,7 @@ const Jn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
   className: "block block--flush-top block--flush-bottom block--padded-top",
   children: c("div", {
     className: "m-social-media m-social-media--follow",
-    children: c(ie, {
+    children: c(te, {
       className: "m-social-media__icons",
       isUnstyled: !0,
       isHorizontal: !0,
@@ -1089,7 +1089,7 @@ const Jn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
   })
 }), Oe = ({ children: e }) => De(e) ? null : c("div", {
   className: "o-footer__col",
-  children: c(ie, {
+  children: c(te, {
     className: "o-footer__list",
     children: c(Me, {
       itemClassname: "m-list__link",
@@ -1106,7 +1106,7 @@ function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol
       className: "wrapper wrapper--match-content",
       children: [v("div", {
         className: "o-footer__pre",
-        children: [c(Ks, {}), c(Xs, {
+        children: [c(Gs, {}), c(Xs, {
           children: e
         }), c(Js, {
           children: s
@@ -1127,7 +1127,7 @@ function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol
     })
   });
 }
-const so = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
+const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
   const t = [c("a", {
     href: `${e}/about-us/`,
     children: "About Us"
@@ -1292,7 +1292,7 @@ function on({ children: e, width: s = Pe.Full, demo: o, center: t, className: i,
     children: e
   });
 }
-const no = {
+const Jn = {
   Column: sn,
   Row: nn,
   Width: Pe,
@@ -1320,8 +1320,8 @@ const no = {
     className: "m-hero__image"
   })
 }) : null, cn = (e, s) => {
-  const o = ze(null);
-  return j(() => {
+  const o = Xe(null);
+  return Q(() => {
     if (!s || !e || !o.current) {
       o.current?.setAttribute("style", "");
       return;
@@ -1337,8 +1337,8 @@ const no = {
       );`);
   }, [o, e, s]), o;
 };
-function oo({ 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), L = {
+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 = {
     backgroundColor: e
   }, x = {
     color: u
@@ -1356,7 +1356,7 @@ function oo({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t,
   };
   return c("div", {
     className: w(k),
-    style: L,
+    style: N,
     ...h,
     children: v("div", {
       className: "m-hero__wrapper",
@@ -1409,78 +1409,28 @@ const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall:
   className: "wrapper",
   ...s,
   children: e
-}), to = {
+}), so = {
   Content: rn,
   Main: pn,
   Sidebar: dn,
   Wrapper: an
-}, ns = "data:image/png;base64,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";
-function ln({ href: e = "https://www.consumerfinance.gov" }) {
-  return c(U, {
-    href: e,
-    title: "Home",
-    "aria-label": "Home",
-    className: "o-header__logo",
-    children: c("img", {
-      className: "o-header__logo-img",
-      src: ns,
-      alt: "CFPB Logo"
-    })
-  });
-}
-const mn = ({ elements: e }) => e?.length ? c("div", {
-  className: "links",
-  children: e
-}) : null;
-function fn({ links: e, href: s }) {
-  return c("div", {
-    className: "o-header__content",
-    children: v("div", {
-      className: "navbar-static wrapper wrapper--match-content",
-      children: [c(ln, {
-        href: s
-      }), c("div", {
-        className: "nav-items",
-        children: c(mn, {
-          elements: e
-        })
-      })]
-    })
-  });
-}
-c(U, {
-  className: "nav-item",
-  href: "/",
-  children: "Home"
-}, "home"), c(U, {
-  className: "nav-item active",
-  href: "/filing",
-  children: "Filing"
-}, "filing"), c(U, {
-  className: "nav-item",
-  href: "/profile",
-  children: "John Sample"
-}, "profile"), c(te, {
-  label: "LOG OUT",
-  asLink: !0,
-  onClick: ""
-}, "logout");
-function un({ href: e = "https://www.consumerfinance.gov" }) {
-  return c(U, {
+}, ln = "data:image/png;base64,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";
+function Ue({ href: e = "https://www.consumerfinance.gov" }) {
+  return c(re, {
     href: e,
     title: "Home",
     "aria-label": "Home",
     className: "o-header__logo",
     children: c("img", {
       className: "o-header__logo-img",
-      src: ns,
+      src: ln,
       alt: "CFPB Logo"
     })
   });
 }
-const bn = ({ elements: e, onLinkClick: s }) => e?.length ? c("div", {
+const mn = ({ elements: e, onLinkClick: s }) => e?.length ? c("div", {
   className: "links",
-  children: e.map((o, t) => ne.isValidElement(o) ? ne.cloneElement(o, {
+  children: e.map((o, t) => se.isValidElement(o) ? se.cloneElement(o, {
     ...o.props,
     key: o.key ?? t,
     onClick: (i) => {
@@ -1488,15 +1438,15 @@ const bn = ({ elements: e, onLinkClick: s }) => e?.length ? c("div", {
     }
   }) : o)
 }) : null;
-function gn({ links: e, href: s }) {
+function fn({ links: e, href: s }) {
   const [o, t] = ae(!1), i = () => {
     t(!o);
   }, n = () => {
     t(!1);
-  }, r = Ke((p) => {
+  }, r = ze((p) => {
     p.key === "Escape" && t(!1);
   }, []);
-  return e?.length ? v(oe, {
+  return e?.length ? v(ne, {
     children: [o ? c("div", {
       className: "menu-overlay open",
       onClick: i,
@@ -1504,7 +1454,7 @@ function gn({ links: e, href: s }) {
       tabIndex: 0,
       role: "button",
       "aria-label": "Close menu"
-    }) : null, c("header", {
+    }) : null, c("div", {
       className: "o-header__content",
       children: v("div", {
         className: "navbar wrapper wrapper--match-content",
@@ -1520,64 +1470,64 @@ function gn({ links: e, href: s }) {
             className: "sr-only",
             children: o ? "Close menu" : "Open menu"
           })]
-        }), c(un, {
+        }), c(Ue, {
           href: s
         }), c("nav", {
           className: `nav-items ${o ? "open" : ""}`,
           id: "nav-links",
-          children: c(bn, {
+          children: c(mn, {
             elements: e,
             onLinkClick: n
           })
         })]
       })
     })]
-  }) : c(fn, {
-    href: s
+  }) : c("div", {
+    className: "o-header__content",
+    children: c("div", {
+      className: "navbar wrapper wrapper--match-content",
+      children: c(Ue, {
+        href: s
+      })
+    })
   });
 }
-c(U, {
+c(re, {
   href: "/",
-  children: c("span", {
-    className: "nav-item",
-    children: "Home"
-  })
-}, "home"), c(U, {
+  label: "Home"
+}, "home"), c(re, {
   className: "nav-item active",
   href: "/filing",
-  children: "Filing"
-}, "filing"), c(U, {
+  label: "Filing"
+}, "filing"), c(re, {
   className: "nav-item profile",
   href: "/profile",
-  children: c("span", {
-    children: "John Sample"
-  })
-}, "profile"), c(te, {
-  label: "LOG OUT",
+  label: "John Sample"
+}, "profile"), c(de, {
+  label: "Log Out",
   asLink: !0,
   onClick: () => {
   }
 }, "logout");
-function co({ links: e, user: s, href: o, withBottomBorder: t = !0 }) {
-  const i = ["o-header"];
-  return t && i.push("bottom-border"), v("header", {
-    className: w(i),
+function no({ 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(gn, {
+    }), c(fn, {
       links: e,
-      user: s,
-      href: o
+      href: s
     })]
   });
 }
-const Q = () => null, Y = 1, os = 20, hn = () => c(te, {
+const V = () => null, j = 1, os = 20, un = () => c(de, {
   asLink: !0,
   className: "m-pagination__btn-submit",
   id: "m-pagination__btn-submit-default",
   label: "Go",
   type: "submit"
-}), vn = ({ tableId: e, page: s, pageCount: o, onChange: t }) => {
+}), bn = ({ tableId: e, page: s, pageCount: o, onChange: t }) => {
   const i = (r) => {
     t(Number.parseInt(r.currentTarget.value, 10));
   }, n = `${e}-pagination_current-page`;
@@ -1600,25 +1550,25 @@ const Q = () => null, Y = 1, os = 20, hn = () => c(te, {
       onChange: i
     }), `of ${o}`]
   });
-}, _n = ({ tableId: e, page: s, pageCount: o, onClickPrevious: t = Q, onClickNext: i = Q, onClickGo: n = Q, previousLabel: r = "Previous", nextLabel: p = "Next" }) => {
+}, 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);
-  j(() => l(s), [s]);
+  Q(() => l(s), [s]);
   const a = (h) => {
     h.preventDefault();
     const y = Object.fromEntries(new FormData(h.currentTarget)), _ = Number.parseInt(y.page, 10);
     _ !== s && n(_);
-  }, u = Xe(), b = l;
+  }, u = Je(), b = l;
   return v("nav", {
     className: "m-pagination",
     role: "navigation",
     "aria-label": "Pagination",
-    children: [c(te, {
+    children: [c(de, {
       iconLeft: "left",
-      className: `m-pagination__btn-prev${s === Y ? " a-btn--disabled" : ""}`,
+      className: `m-pagination__btn-prev${s === j ? " a-btn--disabled" : ""}`,
       onClick: t,
       label: r,
-      disabled: s === Y
-    }), c(te, {
+      disabled: s === j
+    }), c(de, {
       iconRight: "right",
       className: `m-pagination__btn-next${s === o ? " a-btn--disabled" : ""}`,
       onClick: i,
@@ -1628,32 +1578,32 @@ const Q = () => null, Y = 1, os = 20, hn = () => c(te, {
       className: "m-pagination__form",
       action: "#pagination_content",
       onSubmit: a,
-      children: [c(vn, {
+      children: [c(bn, {
         tableId: e ?? u,
         page: d,
         pageCount: o,
         onChange: b
-      }), c(hn, {})]
+      }), c(un, {})]
     })]
   });
-}, Ue = 1, yn = ({ isPaginated: e = !0, startPage: s = Y, rows: o = [], perPage: t = os }) => {
-  const i = o.length, n = Math.max(Math.ceil(i / t), Y), r = e && i > t, [p, d] = ae(Math.min(s, n));
-  j(() => {
+}, Ve = 1, hn = ({ isPaginated: e = !0, startPage: s = j, rows: o = [], perPage: t = os }) => {
+  const i = o.length, n = Math.max(Math.ceil(i / t), j), r = e && i > t, [p, d] = ae(Math.min(s, n));
+  Q(() => {
     d(Math.min(p, n));
   }, [p, n, t]);
   const l = {
-    page: Y,
-    pageCount: Y,
-    onClickNext: Q,
-    onClickPrevious: Q,
-    onClickGo: Q
+    page: j,
+    pageCount: j,
+    onClickNext: V,
+    onClickPrevious: V,
+    onClickGo: V
   };
   if (!e || !r) return [o, l];
-  const a = p - Ue, u = {
+  const a = p - Ve, u = {
     page: p,
     pageCount: n,
-    onClickNext: () => d(Math.min(p + Ue, n)),
-    onClickPrevious: () => d(Math.max(a, Y)),
+    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];
@@ -1666,8 +1616,8 @@ function Re({ children: e, isLead: s, className: o, ...t }) {
     children: e
   });
 }
-const En = ["a-radio"], wn = ["m-form-field m-form-field--radio"], io = ({ 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 = [...En, t].join(" "), b = [...wn, n ? "m-form-field--lg-target" : ""].join(" ");
+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(" ");
   return v("div", {
     className: b,
     children: [c("input", {
@@ -1678,25 +1628,25 @@ const En = ["a-radio"], wn = ["m-form-field m-form-field--radio"], io = ({ id: e
       ref: l,
       disabled: i,
       ...a
-    }), v(ss, {
+    }), v(ns, {
       htmlFor: e,
       className: r,
       inline: p,
-      children: [d, c(es, {
+      children: [d, c(ss, {
         children: o
       })]
     })]
   });
 };
-let Sn;
+let yn;
 const ts = 5;
-function Nn(e) {
+function En(e) {
   return e.replace(/[-\\^$*+?.()|[\]{}]/g, "\\$&");
 }
-function Ln(e, s) {
-  return RegExp(Nn(s.trim()), "i").test(e);
+function wn(e, s) {
+  return RegExp(En(s.trim()), "i").test(e);
 }
-function xn(e, s, o) {
+function Sn(e, s, o) {
   const t = e, i = s, n = o?.maxSelections || ts;
   let r = [], p = [], d = [], l = [], a = -1;
   function u(S) {
@@ -1708,14 +1658,14 @@ function xn(e, s, o) {
   function h(S) {
     let A;
     const O = [];
-    let N = !1;
+    let L = !1;
     for (let H = 0, D = S.length; H < D; H++)
-      A = S[H], N = b() ? !1 : A.defaultSelected, O.push({
+      A = S[H], L = b() ? !1 : A.defaultSelected, O.push({
         id: u(A),
         value: A.value,
         text: A.text,
-        checked: N
-      }), N && p.push(H);
+        checked: L
+      }), L && p.push(H);
     return O;
   }
   function y() {
@@ -1726,12 +1676,12 @@ function xn(e, s, o) {
       return A !== S;
     }), !1);
   }
-  function L(S, A, O, N) {
-    return Ln(A.text, N) && S.push(O), S;
+  function N(S, A, O, L) {
+    return wn(A.text, L) && S.push(O), S;
   }
   function x(S) {
-    return Object.prototype.toString.call(S) !== "[object String]" && (S = ""), l = d, r.length > 0 && (d = r.reduce(function(A, O, N) {
-      return L(A, O, N, 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);
     }, [])), a = -1, d;
   }
   function k(S) {
@@ -1747,7 +1697,7 @@ function xn(e, s, o) {
   return this.init = y, this.toggleOption = _, this.getSelectedIndices = function() {
     return p;
   }, this.isAtMaxSelections = b, this.filterIndices = x, this.clearFilter = function() {
-    return d = l = [], Sn;
+    return d = l = [], yn;
   }, this.getFilterIndices = function() {
     return d;
   }, this.getLastFilterIndices = function() {
@@ -1763,7 +1713,7 @@ function F(e, s, o) {
     i in t ? t[i] = n : t.setAttribute(i, n);
   }), s && s.appendChild(t), t;
 }
-const kn = '<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>', An = kn, P = "o-multiselect", Cn = "a-checkbox", Tn = "a-text-input", Ve = "prev", ge = "next", Be = "Enter", In = " ", Qe = "Escape", On = "ArrowUp", je = "ArrowDown", Ye = "Tab", Ge = {
+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 = {
   // 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
@@ -1775,7 +1725,7 @@ function we(e) {
   let s = le(e, P), o = !1, t, i, n, r, p, d, l, a, u, b, h;
   const y = [];
   let _;
-  function L() {
+  function N() {
     h.classList.remove("u-no-results"), h.classList.add("u-filtered");
     let m = n.getLastFilterIndices();
     for (let f = 0, g = m.length; f < g; f++)
@@ -1794,7 +1744,7 @@ function we(e) {
     h.classList.add("u-no-results"), h.classList.remove("u-filtered");
   }
   function B(m) {
-    return m.length > 0 ? (L(), !0) : (k(), !1);
+    return m.length > 0 ? (N(), !0) : (k(), !1);
   }
   function M(m) {
     x(), n.resetIndex();
@@ -1808,7 +1758,7 @@ function we(e) {
     return d.classList.remove("u-active"), b.classList.add("u-invisible"), b.setAttribute("aria-hidden", !0), n.resetIndex(), _.dispatchEvent("collapsebegin", { target: _ }), _;
   }
   function O(m) {
-    m === ge ? n.setIndex(n.getIndex() + 1) : m === Ve && n.setIndex(n.getIndex() - 1);
+    m === ge ? n.setIndex(n.getIndex() + 1) : m === Qe && n.setIndex(n.getIndex() - 1);
     const f = n.getIndex();
     if (f > -1) {
       let g = f;
@@ -1819,7 +1769,7 @@ function we(e) {
     } else
       o = !1, u.focus();
   }
-  function N() {
+  function L() {
     u.value = "", x();
   }
   function H(m) {
@@ -1827,7 +1777,7 @@ function we(e) {
     f.tagName === "BUTTON" && (m.preventDefault(), f.removeEventListener("click", H), f.querySelector("label").click());
   }
   function D(m) {
-    if (m.key === In || m.key === Be) {
+    if (m.key === An || m.key === Be) {
       const f = m.target.querySelector("label");
       h.querySelector(
         "#" + f.getAttribute("for")
@@ -1837,13 +1787,13 @@ function we(e) {
   function q(m) {
     return t + "-" + m.value.trim().replace(/[^\w]/g, "-").toLowerCase();
   }
-  function X(m, f) {
+  function z(m, f) {
     const g = q(f), E = F("li", null, {
       "data-option": f.value
     }), C = F("button", E, {
       type: "button",
       class: "a-tag-filter",
-      innerHTML: "<label for=" + g + ">" + f.text + An + "</label>"
+      innerHTML: "<label for=" + g + ">" + f.text + Nn + "</label>"
     });
     m.appendChild(E), C.addEventListener("click", H), C.addEventListener(
       "keydown",
@@ -1857,13 +1807,13 @@ function we(e) {
         h.classList.contains("u-max-selections") && h.classList.remove("u-max-selections");
         const g = '[data-option="' + f.value + '"]', E = l.querySelector(g);
         typeof E < "u" && E && l?.removeChild(E);
-      } else p?.renderTags && l && X(l, f);
+      } else p?.renderTags && l && z(l, f);
       n.toggleOption(m), n.isAtMaxSelections() && h.classList.add("u-max-selections"), _.dispatchEvent("selectionsupdated", { target: _ });
     }
     n.resetIndex(), o = !1, b.getAttribute("aria-hidden") === "false" && u.focus();
   }
   function ke(m) {
-    fe(Number(m.target.getAttribute("data-index"))), N();
+    fe(Number(m.target.getAttribute("data-index"))), L();
   }
   function Ae() {
     a.addEventListener("mousemove", function(g) {
@@ -1880,7 +1830,7 @@ function we(e) {
       !o && b.getAttribute("aria-hidden") === "false" && A();
     }), u.addEventListener("keydown", function(g) {
       const E = g.key;
-      b.getAttribute("aria-hidden") === "true" && E !== Ye && S(), E === Be ? (g.preventDefault(), O(ge)) : E === Qe ? (N(), A()) : E === je ? O(ge) : E === Ye && !g.shiftKey && b.getAttribute("aria-hidden") === "false" && A();
+      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() {
       o = !0;
     }), h.addEventListener("keydown", function(g) {
@@ -1889,7 +1839,7 @@ function we(e) {
         g.preventDefault(), C.checked = !$;
         const R = new Event("change", { bubbles: !1, cancelable: !0 });
         C.dispatchEvent(R);
-      } else E === Qe ? (u.focus(), A()) : E === On ? O(Ve) : E === je && O(ge);
+      } 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);
     });
@@ -1906,7 +1856,7 @@ function we(e) {
     }), a = F("header", d, {
       className: P + "__header"
     }), u = F("input", a, {
-      className: P + "__search " + Tn,
+      className: P + "__search " + kn,
       type: "text",
       placeholder: i || "Select up to five",
       id: s.id,
@@ -1933,26 +1883,26 @@ function we(e) {
         type: "checkbox",
         value: f.value,
         name: t,
-        class: Cn + " " + P + "__checkbox",
+        class: xn + " " + P + "__checkbox",
         checked: E,
         "data-index": C
       }), F("label", R, {
         for: g,
         textContent: f.text,
         className: P + "__label a-label"
-      }), y.push(R), E && p?.renderTags && X(l, f);
+      }), y.push(R), E && p?.renderTags && z(l, f);
     }
     return d.insertBefore(l, a), s.parentNode.insertBefore(d, s), d.appendChild(s), d;
   }
-  function Ce(m = Ge) {
-    if (!ce(s))
+  function Ce(m = Ke) {
+    if (!oe(s))
       return this;
-    if (Gs())
+    if (Zs())
       return this;
-    if (_ = this, t = s.name || s.id, i = s.getAttribute("data-placeholder"), r = s.options || [], p = { ...Ge, ...m }, r.length > 0) {
-      n = new xn(r, t, p).init();
+    if (_ = this, t = s.name || s.id, i = s.getAttribute("data-placeholder"), r = s.options || [], p = { ...Ke, ...m }, r.length > 0) {
+      n = new Sn(r, t, p).init();
       const f = ue();
-      s.parentNode.removeChild(s), s = f, ce(s), Ae();
+      s.parentNode.removeChild(s), s = f, oe(s), Ae();
     }
     return this;
   }
@@ -1960,7 +1910,7 @@ function we(e) {
     return n;
   }
   this.init = Ce, this.expand = S, this.collapse = A;
-  const K = new re();
+  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;
 }
 we.BASE_CLASS = P;
@@ -1975,9 +1925,9 @@ const cs = (e, s) => {
     value: "",
     children: s
   }, "initial")];
-}, Bn = (e, s) => e.find((o) => o.value === s), Hn = 5, Mn = ({ id: e, options: s, label: o, onChange: t = Q, defaultOptionLabel: i = "-- select an option --", maxSelections: n = Hn, ...r }) => {
-  const [p, d] = ae([]), l = ze(null);
-  return j(() => {
+}, 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({
       maxSelections: n,
       renderTags: !0
@@ -1986,7 +1936,7 @@ const cs = (e, s) => {
       d([...y]);
     }, h = "selectionsupdated";
     return u.addEventListener(h, b), () => u.removeEventListener(h, b);
-  }, [n]), j(() => {
+  }, [n]), Q(() => {
     const a = p.map((u) => ({
       ...s[u],
       selected: !0
@@ -2010,9 +1960,9 @@ const cs = (e, s) => {
       children: cs(s, i)
     })]
   });
-}, Dn = ({ id: e, options: s, label: o, onChange: t = Q, maxSelections: i, value: n = "", defaultOptionLabel: r = "-- select an option --", ...p }) => {
+}, Bn = ({ id: e, options: s, label: o, onChange: t = V, maxSelections: i, value: n = "", defaultOptionLabel: r = "-- select an option --", ...p }) => {
   const d = (l) => {
-    const a = Bn(s, l.target.value);
+    const a = Tn(s, l.target.value);
     return t(a), a;
   };
   return v("div", {
@@ -2032,14 +1982,14 @@ const cs = (e, s) => {
       })
     })]
   });
-}, ro = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? c(Mn, {
+}, to = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? c(On, {
   onChange: s,
   ...o
-}) : c(Dn, {
+}) : c(Bn, {
   onChange: s,
   ...o
 });
-function po({ href: e = "#main", text: s = "Skip to main content" }) {
+function co({ href: e = "#main", text: s = "Skip to main content" }) {
   return c("div", {
     className: "skip-nav",
     children: c("a", {
@@ -2049,8 +1999,8 @@ function po({ href: e = "#main", text: s = "Skip to main content" }) {
     })
   });
 }
-const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, isMinimal: t = !1, className: i = "", ...n }) => {
-  j(() => {
+const io = ({ 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]);
   const r = t ? "o-summary-minimal" : "o-summary", p = [r, i];
@@ -2063,7 +2013,7 @@ const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
     }), c("button", {
       type: "button",
       className: `${r}__btn`,
-      children: t ? v(oe, {
+      children: t ? v(ne, {
         children: [v("span", {
           className: "o-summary-minimal__cue-open",
           children: ["Show ", c(T, {
@@ -2079,7 +2029,7 @@ const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
             withBg: !0
           })]
         })]
-      }) : v(oe, {
+      }) : v(ne, {
         children: [s, c(T, {
           name: "plus",
           isPresentational: !0,
@@ -2088,7 +2038,7 @@ const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
       })
     })]
   });
-}, Pn = (e) => c("thead", {
+}, Hn = (e) => c("thead", {
   children: c("tr", {
     children: e.map((s, o) => {
       let t = "";
@@ -2099,7 +2049,7 @@ const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
       }, n);
     })
   })
-}), Rn = (e) => {
+}), Mn = (e) => {
   if (!e) return {};
   if (typeof e == "string")
     return {
@@ -2110,40 +2060,40 @@ const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
     "data-label": e.header,
     className: w(s)
   };
-}, Fn = (e, s) => c("tbody", {
+}, Dn = (e, s) => c("tbody", {
   children: e.map((o, t) => {
     const i = `row-${t}`;
     return c("tr", {
       children: o.map((n, r) => {
         const p = s[r], d = `row-${t}-col-${r}`;
-        return Ze("td", {
-          ...Rn(p),
+        return Ge("td", {
+          ...Mn(p),
           key: d
         }, n);
       })
     }, i);
   })
-}), Wn = ({ children: e }) => e ? c("caption", {
+}), Pn = ({ children: e }) => e ? c("caption", {
   children: e
-}) : null, qn = Se(({ id: e, caption: s, columns: o, rows: t, isResponsive: i = !1, isScrollableHorizontal: n = !1, isStriped: r = !1, isPaginated: p = !1, startPage: d = Y, perPage: l = os, className: a, divRef: u, tableRef: b, ...h }, y) => {
-  const [_, L] = yn({
+}) : 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({
     rows: t,
     isPaginated: p,
     startPage: d,
     perPage: l
-  }), x = Xe(), k = [];
+  }), 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(oe, {
+  const B = v(ne, {
     children: [v("table", {
       className: w(k),
       ref: b,
       id: e ?? x,
       ...h,
-      children: [c(Wn, {
+      children: [c(Pn, {
         children: s
-      }), Pn(o), Fn(_, o)]
-    }), p ? c(_n, {
-      ...L,
+      }), Hn(o), Dn(_, o)]
+    }), p ? c(gn, {
+      ...N,
       tableId: e ?? x
     }) : null]
   });
@@ -2153,13 +2103,13 @@ const ao = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
     children: B
   }) : B;
 });
-qn.displayName = "Table";
-const $n = {
+Rn.displayName = "Table";
+const Fn = {
   success: "a-text-input--success",
   error: "a-text-input--error",
   warning: "a-text-input--warning",
   info: "a-text-input--info"
-}, is = (e) => $n[e], lo = Se(({ id: e, className: s = "", status: o = "info", placeholder: t = "Placeholder text", isFullWidth: i = !1, isDisabled: n = !1, onChange: r = Q, ...p }, d) => {
+}, 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);
@@ -2175,7 +2125,7 @@ const $n = {
       ...p
     })
   });
-}), mo = Se(({ className: e, id: s, inputRef: o, isDisabled: t = !1, name: i, status: n = "info", type: r = "text", isFullWidth: p = !1, ...d }, l) => {
+}), po = 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",
@@ -2200,9 +2150,9 @@ const $n = {
 }), rs = (e) => e ? typeof e == "string" ? c(Re, {
   children: e
 }) : e : null, Z = ({ heading: e, subheading: s, description: o, callToAction: t, className: i, ...n }) => {
-  const r = ["o-text-introduction", i], p = t && c(ie, {
+  const r = ["o-text-introduction", i], p = t && c(te, {
     isLinks: !0,
-    children: c(Ne, {
+    children: c(Le, {
       children: as(t, {
         type: "list"
       })
@@ -2225,30 +2175,30 @@ Z.Container = ({ className: e, children: s, ...o }) => c("div", {
   ...o,
   children: s
 });
-const fo = Z.Container;
+const ao = Z.Container;
 Z.Heading = ({ children: e }) => c(Ee, {
   type: "1",
   children: e
 });
-const uo = Z.Heading;
+const lo = Z.Heading;
 Z.Description = ({ children: e }) => rs(e);
-const bo = Z.Description;
+const mo = Z.Description;
 Z.Subheading = ({ children: e }) => c(Re, {
   isLead: !0,
   children: e
 });
-const go = Z.Subheading, Un = ({ children: e, className: s = "", ...o }) => c("div", {
+const fo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => c("div", {
   className: `o-well ${s}`,
   ...o,
   children: e
 });
-function ho({ heading: e, headingLevel: s = "h3", links: o, text: t, className: i = "", ...n }) {
+function uo({ heading: e, headingLevel: s = "h3", links: o, text: t, className: i = "", ...n }) {
   const r = [];
   if (o) for (const p of o)
-    r.push(c(Ne, {
+    r.push(c(Le, {
       children: p
     }, p.key));
-  return v(Un, {
+  return v(Wn, {
     className: i,
     ...n,
     children: [e ? c("p", {
@@ -2257,59 +2207,58 @@ function ho({ heading: e, headingLevel: s = "h3", links: o, text: t, className:
     }) : null, t ? c("p", {
       className: "text",
       children: t
-    }) : null, r.length > 0 ? c(ie, {
+    }) : null, r.length > 0 ? c(te, {
       isLinks: !0,
       children: r
     }) : null]
   });
 }
 export {
-  Yn as Alert,
+  Vn as Alert,
   Ss as AlertFieldLevel,
   Ts as Banner,
-  Zn as Breadcrumb,
-  te as Button,
-  Kn as ButtonGroup,
-  zn as Checkbox,
-  Xn as Divider,
-  Jn as Expandable,
-  eo as ExpandableGroup,
+  jn as Breadcrumb,
+  de as Button,
+  Yn as ButtonGroup,
+  Zn as Checkbox,
+  Kn as Divider,
+  Gn as Expandable,
+  zn as ExpandableGroup,
   en as Footer,
-  so as FooterCfGov,
-  no as Grid,
+  Xn as FooterCfGov,
+  Jn as Grid,
   Ee as Heading,
-  oo as Hero,
+  eo as Hero,
   T as Icon,
-  ss as Label,
-  Gn as LanguageLink,
-  to as Layout,
-  U as Link,
-  Ns as LinkText,
-  ie as List,
-  Ne as ListItem,
+  ns as Label,
+  Qn as LanguageLink,
+  so as Layout,
+  re as Link,
+  Ls as LinkText,
+  te as List,
+  Le as ListItem,
   Me as ListItemBuilder,
-  Ls as ListLink,
-  fn as Navbar,
-  co as PageHeader,
-  _n as Pagination,
+  Ns as ListLink,
+  no as PageHeader,
+  gn as Pagination,
   Re as Paragraph,
-  io as RadioButton,
-  gn as ResponsiveMenu,
-  ro as Select,
-  Mn as SelectMulti,
-  Dn as SelectSingle,
-  po as SkipNav,
-  ao as Summary,
-  qn as Table,
+  oo as RadioButton,
+  fn as ResponsiveMenu,
+  to as Select,
+  On as SelectMulti,
+  Bn as SelectSingle,
+  co as SkipNav,
+  io as Summary,
+  Rn as Table,
   As as Tagline,
-  lo as TextArea,
-  mo as TextInput,
+  ro as TextArea,
+  po as TextInput,
   Z as TextIntroduction,
-  fo as TextIntroductionContainer,
-  bo as TextIntroductionDescription,
-  uo as TextIntroductionHeading,
-  go as TextIntroductionSubheading,
-  Un as WellContainer,
-  ho as WellContent,
-  yn as usePagination
+  ao as TextIntroductionContainer,
+  mo as TextIntroductionDescription,
+  lo as TextIntroductionHeading,
+  fo as TextIntroductionSubheading,
+  Wn as WellContainer,
+  uo as WellContent,
+  hn as usePagination
 };