@cfpb/design-system-react 0.0.16 → 1.0.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { jsx as i, 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 { jsx as c, jsxs as v, Fragment as ne } from "react/jsx-runtime";
+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;
@@ -13,7 +13,7 @@ function fs() {
       function o() {
         for (var n = "", r = 0; r < arguments.length; r++) {
           var p = arguments[r];
-          p && (n = c(n, t(p)));
+          p && (n = i(n, t(p)));
         }
         return n;
       }
@@ -28,10 +28,10 @@ function fs() {
           return n.toString();
         var r = "";
         for (var p in n)
-          s.call(n, p) && n[p] && (r = c(r, p));
+          s.call(n, p) && n[p] && (r = i(r, p));
         return r;
       }
-      function c(n, r) {
+      function i(n, r) {
         return r ? n ? n + " " + r : n + r : n;
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
@@ -41,7 +41,7 @@ function fs() {
 var us = fs();
 const w = /* @__PURE__ */ ms(us), bs = (e, s, o) => {
   const t = e[s];
-  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((c, n) => {
+  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((i, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== o ? ". Note that variables only represent file names one level deep." : ""))));
   });
 }, gs = (e) => {
@@ -79,11 +79,11 @@ 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" : "", C = ({ name: e, alt: s, ariaLabel: o = "", ariaLabelledby: t = "", ariaDescribedby: c = "", isPresentational: n = !1, withBg: r = !1, size: p = "inherit", ...d }) => {
+}, _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 i(f, {
+  return c(f, {
     className: b,
     style: {
       fontSize: g
@@ -91,17 +91,17 @@ const w = /* @__PURE__ */ ms(us), bs = (e, s, o) => {
     role: n ? void 0 : "img",
     "aria-label": o || (n ? void 0 : s ?? e),
     "aria-labelledby": t || void 0,
-    "aria-describedby": c || void 0,
+    "aria-describedby": i || void 0,
     "aria-hidden": n ? "true" : void 0,
     ...d
   });
 };
-function te({ children: e, className: s, isHorizontal: o, isLinks: t = !1, isOrdered: c, 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), c ? i("ol", {
+  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),
     children: e
-  }) : i("ul", {
+  }) : c("ul", {
     className: w(p),
     children: e
   });
@@ -115,11 +115,11 @@ 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: [i(C, {
+  children: [c(C, {
     ariaLabel: `${e} icon`,
     name: ws[e],
     withBg: !0
-  }), i("span", {
+  }), c("span", {
     className: "a-form-alert__text",
     children: s
   })]
@@ -127,15 +127,15 @@ const ws = {
   children: ["[Error] Unsupported field-level alert type provided: ", e]
 });
 function Le({ children: e, className: s, ...o }) {
-  return i("li", {
+  return c("li", {
     className: w("m-list__item", s),
     ...o,
     children: e
   });
 }
 function Me({ children: e, itemClassname: s = "", className: o }) {
-  return i(ne, {
-    children: e.map((t) => i(Le, {
+  return c(ne, {
+    children: e.map((t) => c(Le, {
       className: o,
       children: se.cloneElement(t, {
         className: `${s} ${t.props?.className ?? ""}`
@@ -143,8 +143,8 @@ function Me({ children: e, itemClassname: s = "", className: o }) {
     }, t.key))
   });
 }
-function re({ isButton: e = !1, children: s, href: o, iconLeft: t, iconRight: c, isJump: n = !1, isRouterLink: r = !1, label: p, type: d = "default", ...l }) {
-  const a = !!t, f = !!c, g = !e && (a || f || n), _ = e || g ? i(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, L = w(l.className, {
     "a-btn": e || d === "destructive",
@@ -162,11 +162,11 @@ function re({ isButton: e = !1, children: s, href: o, iconLeft: t, iconRight: c,
       to: o,
       ...l,
       className: L,
-      children: [s, !!t && i(C, {
+      children: [s, !!t && c(C, {
         name: t,
         isPresentational: !0
-      }), _, !!c && i(C, {
-        name: c,
+      }), _, !!i && c(C, {
+        name: i,
         isPresentational: !0
       })]
     });
@@ -175,25 +175,25 @@ function re({ isButton: e = !1, children: s, href: o, iconLeft: t, iconRight: c,
     ...l,
     className: L,
     href: o,
-    children: [s, !!t && i(C, {
+    children: [s, !!t && c(C, {
       name: t,
       isPresentational: !0
-    }), _, !!c && i(C, {
-      name: c,
+    }), _, !!i && c(C, {
+      name: i,
       isPresentational: !0
     })]
   });
 }
-const Ls = ({ children: e, ...s }) => i("span", {
+const Ls = ({ children: e, ...s }) => c("span", {
   className: "a-link__text",
   ...s,
   children: e
-}), Ns = (e) => i(Le, {
-  children: i(re, {
+}), Ns = (e) => c(Le, {
+  children: c(re, {
     ...e,
     isJump: !0
   })
-}), xs = ({ href: e, label: s, isExternal: o }) => i(Ns, {
+}), xs = ({ href: e, label: s, isExternal: o }) => c(Ns, {
   href: e,
   label: s,
   iconRight: o ? "external-link" : void 0
@@ -218,38 +218,38 @@ const Ls = ({ children: e, ...s }) => i("span", {
     name: "warning",
     withBg: !0
   }
-}, Vn = ({ children: e, className: s, links: o, message: t, status: c = "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 i(Ss, {
-      status: c,
+    return c(Ss, {
+      status: i,
       message: t,
       isVisible: n,
       ...d
     });
   const l = w("m-notification", "m-notification--visible", {
-    "m-notification--success": c === "success",
-    "m-notification--warning": c === "warning",
-    "m-notification--error": c === "error",
-    "m-notification--info": c === "info"
+    "m-notification--success": i === "success",
+    "m-notification--warning": i === "warning",
+    "m-notification--error": i === "error",
+    "m-notification--info": i === "info"
   }, s);
   return v("div", {
     className: l,
     ...d,
-    children: [p ? i(C, {
-      ariaLabel: `${c} icon`,
-      ...ks[c]
+    children: [p ? c(C, {
+      ariaLabel: `${i} icon`,
+      ...ks[i]
     }) : null, v("div", {
       className: "m-notification__content",
-      children: [t ? i("div", {
+      children: [t ? c("div", {
         className: "m-notification__message",
         children: t
-      }) : null, e ? i("div", {
+      }) : null, e ? c("div", {
         className: `${t ? "m-notification__explanation" : ""}`,
         children: e
-      }) : null, o && o.length > 0 ? i(te, {
+      }) : 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
         }))
@@ -260,9 +260,9 @@ const Ls = ({ children: e, ...s }) => i("span", {
   const o = ["a-tagline"];
   return e && o.push("a-tagline--large"), v("div", {
     className: w(o),
-    children: [i("span", {
+    children: [c("span", {
       className: "u-usa-flag"
-    }), i("div", {
+    }), c("div", {
       className: "a-tagline__text",
       children: s
     })]
@@ -275,36 +275,36 @@ const Ls = ({ children: e, ...s }) => i("span", {
       children: ["(", s, ") ", o.join("-")]
     });
   }
-  return i("a", {
+  return c("a", {
     href: `tel:+${e}`,
     children: e
   });
 }, Ts = ({ isHorizontal: e = !0, tagline: s = v(ne, {
-  children: ["An official website of the", " ", i("span", {
+  children: ["An official website of the", " ", c("span", {
     className: "u-nowrap",
     children: "United States government"
   })]
-}), phoneNumber: o, links: t = [], className: c, ...n }) => {
+}), phoneNumber: o, links: t = [], className: i, ...n }) => {
   const r = ["m-global-eyebrow"], p = ["wrapper"], d = ["m-list"];
   let l = null;
-  return e ? (r.push("m-global-eyebrow--horizontal"), p.push("wrapper--match-content"), d.push("m-list--horizontal m-global-eyebrow__languages"), l = i(As, {
+  return e ? (r.push("m-global-eyebrow--horizontal"), p.push("wrapper--match-content"), d.push("m-list--horizontal m-global-eyebrow__languages"), l = c(As, {
     children: s
-  })) : r.push("m-global-eyebrow--list"), c && r.push(c), i("div", {
+  })) : r.push("m-global-eyebrow--list"), i && r.push(i), c("div", {
     className: w(r),
     ...n,
     children: v("div", {
       className: w(p),
       children: [l, v("div", {
         className: "m-global-eyebrow__actions",
-        children: [t.length > 0 && i("ul", {
+        children: [t.length > 0 && c("ul", {
           className: w(d),
-          children: t.map((a) => i("li", {
+          children: t.map((a) => c("li", {
             className: "m-list__item",
             children: a
           }, a.key))
-        }), o ? i("span", {
+        }), o ? c("span", {
           className: "m-global-eyebrow__phone",
-          children: i(Cs, {
+          children: c(Cs, {
             phoneNumber: o
           })
         }) : null]
@@ -350,33 +350,33 @@ const Ls = ({ children: e, ...s }) => i("span", {
     label: "Kreyòl Ayisyen",
     code: "ht"
   }
-}, Qn = ({ code: e, href: s, label: o, languageMap: t = Is, ...c }) => {
+}, 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), i("a", {
+  return n && (r = n.code, p = n.code, d = o ?? n.label, l = n.href || s), c("a", {
     href: l ?? `/language/${r}/`,
     hrefLang: r,
     lang: p,
-    ...c,
+    ...i,
     children: d
   });
-}, jn = ({ crumbs: e, ariaLabel: s = "Breadcrumbs", className: o, ...t }) => e.length === 0 ? null : i("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: i("nav", {
+  children: c("nav", {
     className: "m-breadcrumbs",
     "aria-label": s,
-    children: e.map((c) => v(ds, {
-      children: [" / ", c.isCurrent ? i("span", {
+    children: e.map((i) => v(ds, {
+      children: [" / ", i.isCurrent ? c("span", {
         className: "m-breadcrumbs__crumb",
         "aria-current": "page",
-        children: ` ${c.label} `
-      }) : i("a", {
+        children: ` ${i.label} `
+      }) : c("a", {
         className: "m-breadcrumbs__crumb",
-        href: c.href,
-        children: ` ${c.label} `
+        href: i.href,
+        children: ` ${i.label} `
       })]
-    }, `${c.href}-${c.label}`))
+    }, `${i.href}-${i.label}`))
   })
 }), Os = ["a-btn"], Bs = {
   primary: [],
@@ -385,10 +385,10 @@ const Ls = ({ children: e, ...s }) => i("span", {
 }, Hs = {
   default: [],
   full: ["a-btn--full-on-xs"]
-}, de = Se(({ appearance: e = "primary", isLink: s = !1, size: o = "default", label: t, className: c, iconLeft: n, iconRight: r, children: p, ...d }, l) => {
+}, 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"), c && a.push(c), d.disabled && a.push("a-btn--disabled");
-  const f = !!n, b = !!r, y = t ? f || b ? i("span", {
+  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)
@@ -398,17 +398,17 @@ const Ls = ({ children: e, ...s }) => i("span", {
     type: "button",
     className: [...a].join(" "),
     ...d,
-    children: [p, !!n && i(C, {
+    children: [p, !!n && c(C, {
       name: n,
       isPresentational: !0
-    }), y, !!r && i(C, {
+    }), y, !!r && c(C, {
       name: r,
       isPresentational: !0
     })]
   });
 });
 de.displayName = "Button";
-const Yn = ({ className: e, children: s, ...o }) => s ? i("div", {
+const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
   className: `m-btn-group ${e ?? ""}`,
   ...o,
   children: s
@@ -416,10 +416,10 @@ const Yn = ({ className: e, children: s, ...o }) => s ? i("div", {
   className: w(["a-label__helper", s]),
   ...o,
   children: ["(", e, ")"]
-}) : null, Ms = ["a-label"], ns = ({ children: e, isInline: s = !1, htmlFor: o, className: t, ...c }) => {
+}) : 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 ? i("label", {
-    ...c,
+  return e ? c("label", {
+    ...i,
     className: w(r),
     htmlFor: o,
     children: e
@@ -428,7 +428,7 @@ const Yn = ({ className: e, children: s, ...o }) => s ? i("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: c = "", checked: n, defaultChecked: r, helperText: p, inputRef: d, disabled: l = !1, isLarge: a = !1, isLabelInline: f = !0, name: b, onChange: g, status: y, ..._ }) => {
+}, 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 = {
@@ -450,19 +450,19 @@ const Yn = ({ className: e, children: s, ...o }) => s ? i("div", {
     defaultChecked: r ?? !1
   }), v("div", {
     className: w(x),
-    children: [i("input", {
+    children: [c("input", {
       ...O
     }), v(ns, {
       id: `${e}-label`,
-      className: c,
+      className: i,
       htmlFor: e,
       isInline: f,
-      children: [s, i(ss, {
+      children: [s, c(ss, {
         children: p
       })]
     })]
   });
-}, Kn = ({ className: e = "", ...s }) => i("div", {
+}, Gn = ({ className: e = "", ...s }) => c("div", {
   className: `content__line ${e}`,
   ...s
 }), We = {
@@ -515,20 +515,20 @@ function Us(e) {
 const Y = "data-js-hook", Vs = "behavior_", Qs = "state_";
 function ce() {
   const e = {};
-  function s(c, n) {
-    return {}.hasOwnProperty.call(e, c) ? e[c].push(n) : e[c] = [n], this;
+  function s(i, n) {
+    return {}.hasOwnProperty.call(e, i) ? e[i].push(n) : e[i] = [n], this;
   }
-  function o(c, n) {
-    if (!{}.hasOwnProperty.call(e, c))
+  function o(i, n) {
+    if (!{}.hasOwnProperty.call(e, i))
       return this;
-    const r = e[c].indexOf(n);
-    return r !== -1 && e[c].splice(r, 1), this;
+    const r = e[i].indexOf(n);
+    return r !== -1 && e[i].splice(r, 1), this;
   }
-  function t(c, n) {
-    if (!{}.hasOwnProperty.call(e, c))
+  function t(i, n) {
+    if (!{}.hasOwnProperty.call(e, i))
       return this;
     n = n || {};
-    const r = e[c];
+    const r = e[i];
     for (let p = 0, d = r.length; p < d; p++)
       r[p].call(this, n);
     return this;
@@ -600,7 +600,7 @@ function Zs() {
 }
 function I(e, s, o) {
   const t = s;
-  let c = e;
+  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, f = !1;
@@ -609,19 +609,19 @@ function I(e, s, o) {
       "Transitions require CSS_PROPERTY and BASE_CLASS to be passed into BaseTransition."
     );
   function b() {
-    p && l ? (c.addEventListener(p, d), n.dispatchEvent(I.BEGIN_EVENT, {
+    p && l ? (i.addEventListener(p, d), n.dispatchEvent(I.BEGIN_EVENT, {
       target: n,
       type: I.BEGIN_EVENT
-    }), c.classList.add(I.ANIMATING_CLASS), a = !0) : (n.dispatchEvent(I.BEGIN_EVENT, {
+    }), i.classList.add(I.ANIMATING_CLASS), a = !0) : (n.dispatchEvent(I.BEGIN_EVENT, {
       target: n,
       type: I.BEGIN_EVENT
     }), d());
   }
   function g() {
-    c.removeEventListener(p, d);
+    i.removeEventListener(p, d);
   }
   function y(N) {
-    return N && N.propertyName !== t.CSS_PROPERTY ? !1 : (g(), c.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
+    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);
@@ -629,19 +629,19 @@ function I(e, s, o) {
   function _() {
     let N;
     for (N in t)
-      ({}).hasOwnProperty.call(t, N) && t[N] !== t.BASE_CLASS && c.classList.contains(t[N]) && c.classList.remove(t[N]);
+      ({}).hasOwnProperty.call(t, N) && t[N] !== t.BASE_CLASS && i.classList.contains(t[N]) && i.classList.remove(t[N]);
   }
   function L() {
-    a && (c.style.webkitTransitionDuration = "0", c.style.mozTransitionDuration = "0", c.style.oTransitionDuration = "0", c.style.transitionDuration = "0", c.removeEventListener(p, d), d(), c.style.webkitTransitionDuration = "", c.style.mozTransitionDuration = "", c.style.oTransitionDuration = "", c.style.transitionDuration = "");
+    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 k() {
-    L(), _(), c.classList.remove(t.BASE_CLASS);
+    L(), _(), i.classList.remove(t.BASE_CLASS);
   }
   function x() {
-    c.classList.remove(I.NO_ANIMATION_CLASS), l = !0;
+    i.classList.remove(I.NO_ANIMATION_CLASS), l = !0;
   }
   function O() {
-    c.classList.add(I.NO_ANIMATION_CLASS), l = !1;
+    i.classList.add(I.NO_ANIMATION_CLASS), l = !1;
   }
   function H(N) {
     if (!N) {
@@ -664,17 +664,17 @@ function I(e, s, o) {
     return M;
   }
   function S(N) {
-    k(), x(), c = N, c.classList.add(t.BASE_CLASS), p = H(c);
+    k(), x(), i = N, i.classList.add(t.BASE_CLASS), p = H(i);
   }
   function A(N) {
-    if (l = !c.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(c), !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 c.classList.add(N), this;
+    return i.classList.add(N), this;
   }
   function B(N) {
-    return f || (_(), f = !0), c.classList.contains(N) ? !1 : (g(), c.classList.remove(r), r = N, b(), c.classList.add(r), !0);
+    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 = O, this.animateOn = x, this.applyClass = B, this.halt = L, this.init = A, this.isAnimated = () => l, this.remove = k, this.setElement = S, this;
 }
@@ -682,16 +682,16 @@ 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 = x(e), c = 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, f, b;
   const g = z.bind(this), y = q.bind(this);
   let _, L = !0, k = !1;
   function x(m) {
-    const u = [], h = m.querySelectorAll(`${Ks}_trigger]`);
+    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; )
@@ -705,7 +705,7 @@ function xe(e, s = !0) {
       H("expanded", u, m), u.addEventListener("click", N.bind(this)), u.addEventListener("touchstart", S, {
         passive: !0
       }), u.addEventListener("mouseover", A.bind(this)), u.addEventListener("mouseout", B.bind(this));
-    }), c.setAttribute("data-open", m ? "true" : "false"), s && !m && c.setAttribute("hidden", ""), ue(), this;
+    }), i.setAttribute("data-open", m ? "true" : "false"), s && !m && i.setAttribute("hidden", ""), ue(), this;
   }
   function H(m, u, h) {
     const E = String(h);
@@ -747,7 +747,7 @@ function xe(e, s = !0) {
   }
   function M() {
     if (a?.halt(), n === d || n === l) return this;
-    if (n = d, s && c.removeAttribute("hidden"), this.dispatchEvent("expandbegin", { target: this, type: "expandbegin" }), !f || !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), f(), m || y(), this;
@@ -756,7 +756,7 @@ function xe(e, s = !0) {
     if (a?.halt(), n === p || n === r) return this;
     for (let u = 0, h = t.length; u < h; u++)
       H("expanded", t[u], !1);
-    if (c.setAttribute("data-open", "false"), n = p, this.dispatchEvent("collapsebegin", {
+    if (i.setAttribute("data-open", "false"), n = p, this.dispatchEvent("collapsebegin", {
       target: this,
       type: "collapsebegin"
     }), !b || !f)
@@ -768,7 +768,7 @@ function xe(e, s = !0) {
     ), b(), m || g(), this;
   }
   function q() {
-    n = l, c.setAttribute("data-open", "true"), a && a.removeEventListener(
+    n = l, i.setAttribute("data-open", "true"), a && a.removeEventListener(
       I.END_EVENT,
       y
     ), this.dispatchEvent("expandend", { target: this, type: "expandend" });
@@ -776,7 +776,7 @@ function xe(e, s = !0) {
       H("expanded", t[m], !0);
   }
   function z() {
-    n = r, s && c.setAttribute("hidden", ""), a && a.removeEventListener(
+    n = r, s && i.setAttribute("hidden", ""), a && a.removeEventListener(
       I.END_EVENT,
       g
     ), this.dispatchEvent("collapseend", { target: this, type: "collapseend" });
@@ -792,7 +792,7 @@ function xe(e, s = !0) {
   function Ae() {
     return {
       container: o,
-      content: c,
+      content: i,
       trigger: t
     };
   }
@@ -805,8 +805,8 @@ function xe(e, s = !0) {
   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 = 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 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",
@@ -818,7 +818,7 @@ const $e = "transitiondir", X = {
 };
 function U(e) {
   const s = this, o = new ce(), t = new I(e, X, this);
-  let c = 0;
+  let i = 0;
   function n() {
     const _ = e.scrollHeight + "px";
     e.style.maxHeight = _, e.style.bottom = "auto", e.style.top = "auto";
@@ -841,10 +841,10 @@ function U(e) {
     }), this;
   }
   function l() {
-    return n(), t.applyClass(X.MH_DEFAULT), (!c || e.scrollHeight > c) && (c = e.scrollHeight), this;
+    return n(), t.applyClass(X.MH_DEFAULT), (!i || e.scrollHeight > i) && (i = e.scrollHeight), this;
   }
   function a() {
-    return n(), t.applyClass(X.MH_SUMMARY), c = e.scrollHeight, this;
+    return n(), t.applyClass(X.MH_SUMMARY), i = e.scrollHeight, this;
   }
   function f() {
     n(), e.style.top = "100%";
@@ -860,10 +860,10 @@ function U(e) {
       target: s,
       type: $e,
       dir: y.dir
-    }), c = e.scrollHeight, this;
+    }), i = e.scrollHeight, this;
   }
   function b() {
-    return t.applyClass(X.MH_ZERO), c = e.scrollHeight, this;
+    return t.applyClass(X.MH_ZERO), i = e.scrollHeight, this;
   }
   function g() {
     return e.style.maxHeight = "", t.remove();
@@ -872,13 +872,13 @@ function U(e) {
 }
 U.CLASSES = X;
 const J = "o-expandable";
-function G(e) {
+function K(e) {
   const s = le(e, J);
-  let o, t, c, n, r;
+  let o, t, i, n, r;
   function p() {
     if (!oe(s))
       return this;
-    o = s.querySelector(`.${J}__header`), t = s.querySelector(`.${J}__content`), c = s.querySelector(`.${J}__label`);
+    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 f = a ? U.CLASSES.MH_DEFAULT : U.CLASSES.MH_ZERO;
@@ -893,21 +893,21 @@ function G(e) {
     }), this;
   }
   function d() {
-    return c.textContent.trim();
+    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 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`);
-  let t, c;
+  let t, i;
   function n(p) {
     const d = p.target;
-    c && c !== d && c.collapse(), c = d;
+    i && i !== d && i.collapse(), i = d;
   }
   function r(p) {
     return oe(s) ? (o && (t = p, t.forEach((d) => {
@@ -919,23 +919,23 @@ function ve(e) {
 ve.BASE_CLASS = he;
 ve.init = (e) => {
   (e || document).querySelectorAll(`.${he}`).forEach((t) => {
-    const c = me(
-      `.${G.BASE_CLASS}`,
-      G,
+    const i = me(
+      `.${K.BASE_CLASS}`,
+      K,
       t
     );
-    new ve(t).init(c);
+    new ve(t).init(i);
   });
 };
 const ee = "o-summary";
 function _e(e) {
-  const s = le(e, ee), o = s.classList.contains(`${ee}--mobile`), t = s.querySelector(`.${ee}__content`), c = s.querySelector(`.${ee}__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 oe(s) ? (window.addEventListener("load", l), this) : this;
   }
   function l() {
-    window.removeEventListener("load", l), p = !g(), W(s, "behavior_flyout-menu"), W(t, "behavior_flyout-menu_content"), W(c, "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,
@@ -944,7 +944,7 @@ function _e(e) {
     ), 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 !== c && (c.click(), s.removeEventListener("focusin", a));
+    !p && S.target !== i && (i.click(), s.removeEventListener("focusin", a));
   }
   function f(S) {
     S.target.tagName !== "A" && r.isExpanded() && n.refresh();
@@ -962,10 +962,10 @@ function _e(e) {
     k(), window.removeEventListener("resize", b), window.removeEventListener("orientationchange", b), r.removeEventListener("expandend", _), r.suspend(), n.remove();
   }
   function L() {
-    c.classList.remove("u-hidden");
+    i.classList.remove("u-hidden");
   }
   function k() {
-    c.classList.add("u-hidden");
+    i.classList.add("u-hidden");
   }
   function x() {
     return p && (r.collapse(), n.animateOn(), L(), p = !1), !p;
@@ -981,85 +981,85 @@ _e.init = (e) => me(`.${ee}`, _e, e);
 const pe = "o-summary-minimal";
 function ye(e) {
   const s = le(e, pe), o = s.querySelector(`.${pe}__content`), t = s.querySelector(`.${pe}__btn`);
-  let c, n;
+  let i, n;
   function r() {
     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), c = new U(o), c.init(U.CLASSES.MH_SUMMARY), n.setTransition(
-      c,
-      c.maxHeightSummary,
-      c.maxHeightDefault
-    ), n.init(), s.addEventListener("focusin", d), o.addEventListener("click", l), n.collapse(), c.animateOn();
+    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
+    ), n.init(), s.addEventListener("focusin", d), o.addEventListener("click", l), n.collapse(), i.animateOn();
   }
   function d(f) {
     f.target !== t && (t.click(), s.removeEventListener("focusin", d));
   }
   function l(f) {
-    f.target.tagName !== "A" && n.isExpanded() && c.refresh();
+    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: c = !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"), c && d.push("o-expandable--padded"), n && d.push("o-expandable--onload-open"), v("div", {
+  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", {
     className: w(d),
     ...p,
     children: [v("button", {
       type: "button",
       className: "o-expandable__header",
       title: e,
-      children: [o ? i("span", {
+      children: [o ? c("span", {
         className: "o-expandable__icon",
-        children: i(C, {
+        children: c(C, {
           name: o
         })
-      }) : null, i("h3", {
+      }) : null, c("h3", {
         className: "o-expandable__label",
         children: e
       }), v("span", {
         className: "o-expandable__cues",
-        children: [i("span", {
+        children: [c("span", {
           className: "o-expandable__cue-open",
           "aria-label": "Show",
-          children: i(C, {
+          children: c(C, {
             name: "plus-round",
             isPresentational: !0
           })
-        }), i("span", {
+        }), c("span", {
           className: "o-expandable__cue-close",
           "aria-label": "Hide",
-          children: i(C, {
+          children: c(C, {
             name: "minus-round",
             isPresentational: !0
           })
         })]
       })]
-    }), i("div", {
+    }), c("div", {
       className: "o-expandable__content",
       children: s
     })]
   });
-}, zn = ({ legend: e, legendHelperText: s, children: o, isInline: t = !1, className: c, ...n }) => v("fieldset", {
-  className: w("o-form__fieldset", t && "o-form__fieldset--inline", c),
+}, 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 && i("small", {
+    children: [e, s && c("small", {
       className: "a-label__helper a-label__helper--block",
       children: s
     })]
-  }), t ? i("div", {
+  }), t ? c("div", {
     className: "o-form__fieldset-options",
     children: o
   }) : o]
-}), Xn = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...c }) => {
+}), 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();
@@ -1068,68 +1068,68 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
     inAccordion: !0,
     openOnLoad: p.props.openOnLoad ?? !1
   }) : p);
-  return i("div", {
+  return c("div", {
     id: e,
     className: w(n),
-    ...c,
+    ...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", i(C, {
+  children: ["Back to top", c(C, {
     name: "arrow-up",
     isPresentational: !0
   })]
-}), zs = () => i("div", {
+}), zs = () => c("div", {
   className: "o-footer__post",
   children: v("div", {
     className: "a-tagline a-tagline--large",
     "aria-label": "Official website of the United States government",
-    children: [i("span", {
+    children: [c("span", {
       className: "u-usa-flag"
     }), v("div", {
       className: "a-tagline__text",
-      children: ["An official website of the ", i("span", {
+      children: ["An official website of the ", c("span", {
         className: "u-nowrap",
         children: "United States government"
       })]
     })]
   })
-}), De = (e) => e.length === 0, Xs = ({ children: e }) => De(e) ? null : i(te, {
+}), 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: i(Me, {
+  children: c(Me, {
     itemClassname: "m-list__link",
     children: e
   })
-}), Js = ({ children: e }) => De(e) ? null : i("div", {
+}), Js = ({ children: e }) => De(e) ? null : c("div", {
   className: "block block--flush-top block--flush-bottom block--padded-top",
-  children: i("div", {
+  children: c("div", {
     className: "m-social-media m-social-media--follow",
-    children: i(te, {
+    children: c(te, {
       className: "m-social-media__icons",
       isUnstyled: !0,
       isHorizontal: !0,
-      children: i(Me, {
+      children: c(Me, {
         itemClassname: "m-social-media__icon",
         children: e
       })
     })
   })
-}), Oe = ({ children: e }) => De(e) ? null : i("div", {
+}), Oe = ({ children: e }) => De(e) ? null : c("div", {
   className: "o-footer__col",
-  children: i(te, {
+  children: c(te, {
     className: "o-footer__list",
-    children: i(Me, {
+    children: c(Me, {
       itemClassname: "m-list__link",
       children: e
     })
   })
 });
-function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol2: t = [], linksCol3: c = [], className: n, ...r }) {
-  return i("footer", {
+function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol2: t = [], linksCol3: i = [], className: n, ...r }) {
+  return c("footer", {
     className: w(["o-footer", n]),
     "data-js-hook": "state_atomic_init",
     ...r,
@@ -1137,139 +1137,139 @@ function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol
       className: "wrapper wrapper--match-content",
       children: [v("div", {
         className: "o-footer__pre",
-        children: [i(Gs, {}), i(Xs, {
+        children: [c(Ks, {}), c(Xs, {
           children: e
-        }), i(Js, {
+        }), c(Js, {
           children: s
         })]
       }), v("div", {
         className: "o-footer__middle-left",
-        children: [i(Oe, {
+        children: [c(Oe, {
           children: o
-        }), i(Oe, {
+        }), c(Oe, {
           children: t
         })]
-      }), i("div", {
+      }), c("div", {
         className: "o-footer__middle-right",
-        children: i(Oe, {
-          children: c
+        children: c(Oe, {
+          children: i
         })
-      }), i(zs, {})]
+      }), c(zs, {})]
     })
   });
 }
 const Jn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
-  const t = [i("a", {
+  const t = [c("a", {
     href: `${e}/about-us/`,
     children: "About Us"
-  }, "about"), i("a", {
+  }, "about"), c("a", {
     href: `${e}/about-us/contact-us/`,
     children: "Contact Us"
-  }, "contact"), i("a", {
+  }, "contact"), c("a", {
     href: `${e}/about-us/careers/`,
     children: "Careers"
-  }, "careers"), i("a", {
+  }, "careers"), c("a", {
     href: `${e}/about-us/events/`,
     children: "Events"
-  }, "events"), i("a", {
+  }, "events"), c("a", {
     href: `${e}/enforcement/information-industry-whistleblowers/`,
     children: "Industry Whistleblowers"
-  }, "whistle"), i("a", {
+  }, "whistle"), c("a", {
     href: `${e}/cfpb-ombudsman/`,
     children: "CFPB Ombudsman"
-  }, "ombudsman")], c = "https://www.facebook.com/CFPB", n = "https://www.linkedin.com/company/consumer-financial-protection-bureau", r = "https://twitter.com/CFPB", p = "https://www.youtube.com/user/cfpbvideo", d = "https://www.flickr.com/photos/cfpbphotos", l = [i("a", {
+  }, "ombudsman")], i = "https://www.facebook.com/CFPB", n = "https://www.linkedin.com/company/consumer-financial-protection-bureau", r = "https://twitter.com/CFPB", p = "https://www.youtube.com/user/cfpbvideo", d = "https://www.flickr.com/photos/cfpbphotos", l = [c("a", {
     "aria-label": "Visit us on Facebook",
-    "data-pretty-href": c,
-    href: c,
-    children: i(C, {
+    "data-pretty-href": i,
+    href: i,
+    children: c(C, {
       name: "facebook",
       isPresentational: !0,
       withBg: !0
     })
-  }, "facebook"), i("a", {
+  }, "facebook"), c("a", {
     "aria-label": "Visit us on Twitter",
     "data-pretty-href": r,
     href: r,
-    children: i(C, {
+    children: c(C, {
       name: "x",
       isPresentational: !0,
       withBg: !0
     })
-  }, "twitter"), i("a", {
+  }, "twitter"), c("a", {
     "aria-label": "Visit us on LinkedIn",
     "data-pretty-href": n,
     href: n,
-    children: i(C, {
+    children: c(C, {
       name: "linkedin",
       isPresentational: !0,
       withBg: !0
     })
-  }, "linkedin"), i("a", {
+  }, "linkedin"), c("a", {
     "aria-label": "Visit us on YouTube",
     "data-pretty-href": p,
     href: p,
-    children: i(C, {
+    children: c(C, {
       name: "youtube",
       alt: "Visit us on YouTube",
       isPresentational: !0,
       withBg: !0
     })
-  }, "youtube"), i("a", {
+  }, "youtube"), c("a", {
     "aria-label": "Visit us on Flickr",
     "data-pretty-href": d,
     href: d,
-    children: i(C, {
+    children: c(C, {
       name: "flickr",
       alt: "Visit us on Flickr",
       isPresentational: !0,
       withBg: !0
     })
-  }, "flickr")], a = [i("a", {
+  }, "flickr")], a = [c("a", {
     href: `${e}/foia-requests/`,
     children: "FOIA"
-  }, "foia"), i("a", {
+  }, "foia"), c("a", {
     href: `${e}/privacy/`,
     children: "Privacy"
-  }, "privacy"), i("a", {
+  }, "privacy"), c("a", {
     href: `${e}/privacy/website-privacy-policy/`,
     children: "Website Privacy Policy & Legal Notices"
-  }, "privacy-policy"), i("a", {
+  }, "privacy-policy"), c("a", {
     href: `${e}/data/`,
     children: "Data"
-  }, "data"), i("a", {
+  }, "data"), c("a", {
     href: `${e}/open-government/`,
     children: "Open Government"
-  }, "open-government"), i("a", {
+  }, "open-government"), c("a", {
     href: `${e}/open-government/information-quality-guidelines/`,
     children: "Information Quality Guidelines"
-  }, "info-quality")], f = [i("a", {
+  }, "info-quality")], f = [c("a", {
     href: `${e}/about-us/diversity-and-inclusion/`,
     children: "Diversity & Inclusion"
-  }, "dei"), i("a", {
+  }, "dei"), c("a", {
     href: `${e}/administrative-adjudication-proceedings/`,
     children: "Administrative Adjudication"
-  }, "adjudication"), i("a", {
+  }, "adjudication"), c("a", {
     href: `${e}/plain-writing/`,
     children: "Plain Writing"
-  }, "writing"), i("a", {
+  }, "writing"), c("a", {
     href: `${e}/accessibility/`,
     children: "Accessibility"
-  }, "accessibility"), i("a", {
+  }, "accessibility"), c("a", {
     href: `${e}/office-civil-rights/`,
     children: "Office of Civil Rights"
-  }, "civ-rights"), i("a", {
+  }, "civ-rights"), c("a", {
     href: `${e}/office-civil-rights/no-fear-act-cummings-act/`,
     children: "No FEAR Act & Cummings Act"
-  }, "no-fear"), i("a", {
+  }, "no-fear"), c("a", {
     href: `${e}/tribal/`,
     children: "Tribal"
   }, "tribal")], b = [v("a", {
     className: "a-link a-link--icon",
     href: "https://usa.gov/",
-    children: [i("span", {
+    children: [c("span", {
       className: "a-link__text",
       children: "USA.gov"
-    }), " ", i(C, {
+    }), " ", c(C, {
       ariaLabel: "External link",
       name: "external-link",
       alt: "External link"
@@ -1277,16 +1277,16 @@ const Jn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
   }, "usa-gov"), v("a", {
     className: "a-link a-link--icon",
     href: "https://oig.federalreserve.gov/",
-    children: [i("span", {
+    children: [c("span", {
       className: "a-link__text",
       children: "Office of Inspector General"
-    }), " ", i(C, {
+    }), " ", c(C, {
       ariaLabel: "External link",
       name: "external-link",
       alt: "External link"
     })]
   }, "inspector")];
-  return i(en, {
+  return c(en, {
     ...o,
     className: s,
     navLinks: t,
@@ -1298,25 +1298,25 @@ const Jn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o
 };
 var Pe = ((e) => (e[e.Full = 12] = "Full", e[e.ThreeQuarters = 9] = "ThreeQuarters", e[e.TwoThirds = 8] = "TwoThirds", e[e.Half = 6] = "Half", e[e.Third = 4] = "Third", e[e.Quarter = 3] = "Quarter", e[e.Single = 1] = "Single", e))(Pe || {});
 function sn({ width: e = 1, children: s, className: o = "", ...t }) {
-  const c = ["col", `col-${e}`, o];
-  return i("div", {
-    className: w(c),
+  const i = ["col", `col-${e}`, o];
+  return c("div", {
+    className: w(i),
     role: "gridcell",
     ...t,
     children: s
   });
 }
 function nn({ children: e, className: s, ...o }) {
-  return i("div", {
+  return c("div", {
     className: w(["row", s]),
     role: "row",
     ...o,
     children: e
   });
 }
-function on({ children: e, width: s = Pe.Full, demo: o, center: t, className: c, ...n }) {
-  const r = [`grid cols-${s}`, c];
-  return o && r.push("demo"), t && r.push("centered"), i("div", {
+function on({ children: e, width: s = Pe.Full, demo: o, center: t, className: i, ...n }) {
+  const r = [`grid cols-${s}`, i];
+  return o && r.push("demo"), t && r.push("centered"), c("div", {
     className: w(r),
     role: "grid",
     ...n,
@@ -1329,23 +1329,23 @@ const eo = {
   Width: Pe,
   Wrapper: on
 }, Ee = ({ type: e = "1", children: s, className: o, ...t }) => {
-  let c;
+  let i;
   const n = [o];
-  return e === "slug" ? (n.push("m-slug-header"), i("header", {
+  return e === "slug" ? (n.push("m-slug-header"), c("header", {
     className: w(n),
     ...t,
-    children: i("h2", {
+    children: c("h2", {
       className: "m-slug-header_heading",
       children: s
     })
-  })) : (e === "display" ? (c = "h1", n.push("superheading")) : e === "eyebrow" ? (c = "div", n.push("h5 eyebrow")) : c = `h${e}`, i(c, {
+  })) : (e === "display" ? (i = "h1", n.push("superheading")) : e === "eyebrow" ? (i = "div", n.push("h5 eyebrow")) : i = `h${e}`, c(i, {
     ...t,
     className: w(n),
     children: s
   }));
-}, tn = ({ image: e, altText: s }) => e ? i("div", {
+}, tn = ({ image: e, altText: s }) => e ? c("div", {
   className: "m-hero__image-wrapper",
-  children: i("img", {
+  children: c("img", {
     src: e,
     alt: s,
     className: "m-hero__image"
@@ -1368,7 +1368,7 @@ const eo = {
       );`);
   }, [o, e, s]), o;
 };
-function so({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t, imageAltText: c = "hero image", imageIsPhoto: n, is5050: r, isJumbo: p, isKnockout: d, subheading: l, subheadingLevel: a = "p", textColor: f, className: b, ...g }) {
+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
   }, k = {
@@ -1385,7 +1385,7 @@ function so({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t,
     eyebrow: "eyebrow",
     slug: "slug"
   };
-  return i("div", {
+  return c("div", {
     className: w(x),
     style: L,
     ...g,
@@ -1395,48 +1395,48 @@ function so({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t,
       children: [v("div", {
         className: "m-hero__text",
         style: k,
-        children: [i(Ee, {
+        children: [c(Ee, {
           className: "m-hero__heading",
           type: O[o],
           children: s
-        }), a === "p" ? i("p", {
+        }), a === "p" ? c("p", {
           className: "m-hero__subhead",
           children: l
-        }) : i(Ee, {
+        }) : c(Ee, {
           className: "m-hero__subhead",
           type: O[a],
           children: l
         })]
-      }), i(tn, {
+      }), c(tn, {
         image: t,
-        altText: c
+        altText: i
       })]
     })
   });
 }
-const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...c }) => {
+const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...i }) => {
   const n = ["content__main"];
-  return s && n.push("content--flush-bottom"), o && n.push("content--flush-top-on-small"), t && n.push("content--flush-all-on-small"), i("div", {
+  return s && n.push("content--flush-bottom"), o && n.push("content--flush-top-on-small"), t && n.push("content--flush-all-on-small"), c("div", {
     className: w(n),
-    ...c,
+    ...i,
     children: e
   });
 }, pn = ({ children: e, classes: s = "", id: o = "main", layout: t = "2-1" }) => {
-  const c = ["content", `content--${t}`, s];
-  return i("main", {
+  const i = ["content", `content--${t}`, s];
+  return c("main", {
     id: o,
-    className: w(c),
+    className: w(i),
     role: "main",
     children: e
   });
-}, dn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...c }) => {
+}, dn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...i }) => {
   const n = ["sidebar", "content__sidebar", "o-sidebar-content"];
-  return s && n.push("content--flush-bottom"), o && n.push("content--flush-top-on-small"), t && n.push("content--flush-all-on-small"), i("aside", {
+  return s && n.push("content--flush-bottom"), o && n.push("content--flush-top-on-small"), t && n.push("content--flush-all-on-small"), c("aside", {
     className: w(n),
-    ...c,
+    ...i,
     children: e
   });
-}, an = ({ children: e, ...s }) => i("div", {
+}, an = ({ children: e, ...s }) => c("div", {
   className: "wrapper",
   ...s,
   children: e
@@ -1447,30 +1447,30 @@ const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall:
   Wrapper: an
 }, ln = "data:image/png;base64,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";
 function Ue({ href: e = "https://www.consumerfinance.gov" }) {
-  return i(re, {
+  return c(re, {
     href: e,
     title: "Home",
     "aria-label": "Home",
     className: "o-header__logo",
-    children: i("img", {
+    children: c("img", {
       className: "o-header__logo-img",
       src: ln,
       alt: "CFPB Logo"
     })
   });
 }
-const mn = ({ elements: e, onLinkClick: s }) => e?.length ? i("div", {
+const mn = ({ elements: e, onLinkClick: s }) => e?.length ? c("div", {
   className: "links",
   children: e.map((o, t) => se.isValidElement(o) ? se.cloneElement(o, {
     ...o.props,
     key: o.key ?? t,
-    onClick: (c) => {
-      o.props.onClick && o.props.onClick(c), s();
+    onClick: (i) => {
+      o.props.onClick && o.props.onClick(i), s();
     }
   }) : o)
 }) : null;
 function fn({ links: e, href: s }) {
-  const [o, t] = ae(!1), c = () => {
+  const [o, t] = ae(!1), i = () => {
     t(!o);
   }, n = () => {
     t(!1);
@@ -1478,96 +1478,101 @@ function fn({ links: e, href: s }) {
     p.key === "Escape" && t(!1);
   }, []);
   return e?.length ? v(ne, {
-    children: [o ? i("div", {
+    children: [o ? c("div", {
       className: "menu-overlay open",
-      onClick: c,
+      onClick: i,
       onKeyDown: r,
       tabIndex: 0,
       role: "button",
       "aria-label": "Close menu"
-    }) : null, i("div", {
+    }) : null, c("div", {
       className: "o-header__content",
       children: v("div", {
         className: "navbar wrapper wrapper--match-content",
         children: [v("button", {
           className: "menu-toggle",
-          onClick: c,
+          onClick: i,
           "aria-expanded": o,
           "aria-controls": "nav-links",
           type: "button",
-          children: [i(C, {
+          children: [c(C, {
             name: o ? "error" : "menu"
-          }), i("span", {
+          }), c("span", {
             className: "sr-only",
             children: o ? "Close menu" : "Open menu"
           })]
-        }), i(Ue, {
+        }), c(Ue, {
           href: s
-        }), i("nav", {
+        }), c("nav", {
           className: `nav-items ${o ? "open" : ""}`,
           id: "nav-links",
-          children: i(mn, {
+          children: c(mn, {
             elements: e,
             onLinkClick: n
           })
         })]
       })
     })]
-  }) : i("div", {
+  }) : c("div", {
     className: "o-header__content",
-    children: i("div", {
+    children: c("div", {
       className: "navbar wrapper wrapper--match-content",
-      children: i(Ue, {
+      children: c(Ue, {
         href: s
       })
     })
   });
 }
-i(re, {
+c(re, {
   href: "/",
   label: "Home"
-}, "home"), i(re, {
+}, "home"), c(re, {
   className: "nav-item active",
   href: "/filing",
   label: "Filing"
-}, "filing"), i(re, {
+}, "filing"), c(re, {
   className: "nav-item profile",
   href: "/profile",
-  label: "John Sample"
-}, "profile"), i(de, {
-  label: "Log Out",
+  children: c("span", {
+    children: "John Sample"
+  })
+}, "profile"), c(de, {
+  label: "LOG OUT",
   isLink: !0,
   onClick: () => {
   }
 }, "logout");
 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: [i(Ts, {
-      tagline: "An official website of the United States government"
-    }), i(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
+      })]
+    })
   });
-}, V = () => null, j = 1, os = 20, un = () => i(de, {
+}, V = () => null, j = 1, os = 20, un = () => c(de, {
   isLink: !0,
   className: "m-pagination__btn-submit",
   id: "m-pagination__btn-submit-default",
   label: "Go",
   type: "submit"
 }), bn = ({ tableId: e, page: s, pageCount: o, onChange: t }) => {
-  const c = (r) => {
+  const i = (r) => {
     t(Number.parseInt(r.currentTarget.value, 10));
   }, n = `${e}-pagination_current-page`;
   return v("label", {
     className: "m-pagination__label",
     htmlFor: n,
-    children: ["Page", i("span", {
+    children: ["Page", c("span", {
       className: "u-visually-hidden",
       children: `number ${s} out`
-    }), i("input", {
+    }), c("input", {
       className: "m-pagination__current-page",
       id: n,
       name: "page",
@@ -1577,10 +1582,10 @@ const oo = ({ links: e, href: s, withBottomBorder: o = !0 }) => {
       pattern: "[0-9]*",
       inputMode: "numeric",
       value: s,
-      onChange: c
+      onChange: i
     }), `of ${o}`]
   });
-}, gn = ({ tableId: e, page: s, pageCount: o, onClickPrevious: t = V, onClickNext: c = V, onClickGo: n = V, 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);
   Q(() => l(s), [s]);
   const a = (g) => {
@@ -1592,32 +1597,32 @@ const oo = ({ links: e, href: s, withBottomBorder: o = !0 }) => {
     className: "m-pagination",
     role: "navigation",
     "aria-label": "Pagination",
-    children: [i(de, {
+    children: [c(de, {
       iconLeft: "left",
       className: `m-pagination__btn-prev${s === j ? " a-btn--disabled" : ""}`,
       onClick: t,
       label: r,
       disabled: s === j
-    }), i(de, {
+    }), c(de, {
       iconRight: "right",
       className: `m-pagination__btn-next${s === o ? " a-btn--disabled" : ""}`,
-      onClick: c,
+      onClick: i,
       label: p,
       disabled: s === o
     }), v("form", {
       className: "m-pagination__form",
       action: "#pagination_content",
       onSubmit: a,
-      children: [i(bn, {
+      children: [c(bn, {
         tableId: e ?? f,
         page: d,
         pageCount: o,
         onChange: b
-      }), i(un, {})]
+      }), c(un, {})]
     })]
   });
 }, Ve = 1, hn = ({ isPaginated: e = !0, startPage: s = j, rows: o = [], perPage: t = os }) => {
-  const c = o.length, n = Math.max(Math.ceil(c / t), j), r = e && c > t, [p, d] = ae(Math.min(s, n));
+  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]);
@@ -1639,30 +1644,30 @@ const oo = ({ links: e, href: s, withBottomBorder: o = !0 }) => {
   return [o.slice(b, g), f];
 };
 function Re({ children: e, isLead: s, className: o, ...t }) {
-  const c = [o];
-  return s && c.push("lead-paragraph"), i("p", {
+  const i = [o];
+  return s && i.push("lead-paragraph"), c("p", {
     ...t,
-    className: w(c),
+    className: w(i),
     children: e
   });
 }
-const vn = ["a-radio"], _n = ["m-form-field m-form-field--radio"], to = ({ id: e, name: s, helperText: o, className: t, disabled: c = !1, isLarge: n = !1, labelClassName: r, isLabelInline: p = !0, label: d, inputRef: l, ...a }) => {
+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: [i("input", {
+    children: [c("input", {
       id: e,
       type: "radio",
       name: s ?? e,
       className: f,
       ref: l,
-      disabled: c,
+      disabled: i,
       ...a
     }), v(ns, {
       htmlFor: e,
       className: r,
       isInline: p,
-      children: [d, i(ss, {
+      children: [d, c(ss, {
         children: o
       })]
     })]
@@ -1677,10 +1682,10 @@ function wn(e, s) {
   return RegExp(En(s.trim()), "i").test(e);
 }
 function Sn(e, s, o) {
-  const t = e, c = s, n = o?.maxSelections || ts;
+  const t = e, i = s, n = o?.maxSelections || ts;
   let r = [], p = [], d = [], l = [], a = -1;
   function f(S) {
-    return c + "-" + S.value.trim().replace(/\s+/g, "-").toLowerCase();
+    return i + "-" + S.value.trim().replace(/\s+/g, "-").toLowerCase();
   }
   function b() {
     return p.length >= n;
@@ -1738,12 +1743,12 @@ function Sn(e, s, o) {
 }
 function F(e, s, o) {
   const t = document.createElement(e);
-  return Object.keys(o).forEach((c) => {
-    const n = o[c];
-    c in t ? t[c] = n : t.setAttribute(c, n);
+  return Object.keys(o).forEach((i) => {
+    const n = o[i];
+    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
@@ -1752,7 +1757,7 @@ 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, c, n, r, p, d, l, a, f, b, g;
+  let s = le(e, P), o = !1, t, i, n, r, p, d, l, a, f, b, g;
   const y = [];
   let _;
   function L() {
@@ -1888,7 +1893,7 @@ function we(e) {
     }), f = F("input", a, {
       className: P + "__search " + kn,
       type: "text",
-      placeholder: c || "Select up to five",
+      placeholder: i || "Select up to five",
       id: s.id,
       autocomplete: "off"
     }), b = F("fieldset", d, {
@@ -1924,12 +1929,12 @@ function we(e) {
     }
     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, c = 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 u = ue();
       s.parentNode.removeChild(s), s = u, oe(s), Ae();
@@ -1940,22 +1945,22 @@ 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 = M, 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);
 const cs = (e, s) => {
-  const o = e.map(({ value: t, label: c }) => i("option", {
+  const o = e.map(({ value: t, label: i }) => c("option", {
     value: t,
-    children: c
+    children: i
   }, t));
-  return o.length > 0 ? o : [i("option", {
+  return o.length > 0 ? o : [c("option", {
     disabled: !0,
     value: "",
     children: s
   }, "initial")];
-}, Tn = (e, s) => e.find((o) => o.value === s), In = 5, On = ({ id: e, options: s, label: o, onChange: t = V, defaultOptionLabel: c = "-- select an option --", maxSelections: n = In, ...r }) => {
+}, 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 f = new we(l.current).init({
@@ -1975,11 +1980,11 @@ const cs = (e, s) => {
   }, [p, t, s]), v("div", {
     className: "m-form-field",
     id: `multi-wrapper-${e}`,
-    children: [i("label", {
+    children: [c("label", {
       className: "a-label a-label--heading",
       htmlFor: e,
       children: o
-    }), i("select", {
+    }), c("select", {
       id: e,
       className: "o-multiselect",
       ref: l,
@@ -1987,23 +1992,23 @@ const cs = (e, s) => {
       "data-placeholder": `Select up to ${n}`,
       "data-open": !0,
       ...r,
-      children: cs(s, c)
+      children: cs(s, i)
     })]
   });
-}, Bn = ({ id: e, options: s, label: o, onChange: t = V, maxSelections: c, 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 = Tn(s, l.target.value);
     return t(a), a;
   };
   return v("div", {
     className: "m-form-field",
-    children: [i("label", {
+    children: [c("label", {
       className: "a-label a-label--heading",
       htmlFor: e,
       children: o
-    }), i("div", {
+    }), c("div", {
       className: "a-select",
-      children: i("select", {
+      children: c("select", {
         id: e,
         ...p,
         onChange: d,
@@ -2012,55 +2017,55 @@ const cs = (e, s) => {
       })
     })]
   });
-}, co = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? i(On, {
+}, co = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? c(On, {
   onChange: s,
   ...o
-}) : i(Bn, {
+}) : c(Bn, {
   onChange: s,
   ...o
 });
 function io({ href: e = "#main", text: s = "Skip to main content" }) {
-  return i("div", {
+  return c("div", {
     className: "skip-nav",
-    children: i("a", {
+    children: c("a", {
       className: "skip-nav__link a-btn",
       href: e,
       children: s
     })
   });
 }
-const ro = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, isMinimal: t = !1, className: c = "", ...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]);
-  const r = t ? "o-summary-minimal" : "o-summary", p = [r, c];
+  const r = t ? "o-summary-minimal" : "o-summary", p = [r, i];
   return o && p.push(`${r}--mobile`), v("div", {
     className: w(p),
     ...n,
-    children: [i("div", {
+    children: [c("div", {
       className: `${r}__content`,
       children: e
-    }), i("button", {
+    }), c("button", {
       type: "button",
       className: `${r}__btn`,
       children: t ? v(ne, {
         children: [v("span", {
           className: "o-summary-minimal__cue-open",
-          children: ["Show ", i(C, {
+          children: ["Show ", c(C, {
             name: "plus",
             isPresentational: !0,
             withBg: !0
           })]
         }), v("span", {
           className: "o-summary-minimal__cue-close",
-          children: ["Hide ", i(C, {
+          children: ["Hide ", c(C, {
             name: "minus",
             isPresentational: !0,
             withBg: !0
           })]
         })]
       }) : v(ne, {
-        children: [s, i(C, {
+        children: [s, c(C, {
           name: "plus",
           isPresentational: !0,
           withBg: !0
@@ -2068,13 +2073,13 @@ const ro = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
       })
     })]
   });
-}, Hn = (e) => i("thead", {
-  children: i("tr", {
+}, Hn = (e) => c("thead", {
+  children: c("tr", {
     children: e.map((s, o) => {
       let t = "";
-      const c = [""], n = `header-${o}`;
-      return typeof s == "object" ? (t = s.header, s.alignRight && c.push("o-table_cell--right-align"), s.width && c.push(`u-w${s.width}pct`), s.headerWordWrap || c.push("white-space-nowrap")) : t = s, i("th", {
-        className: w(c),
+      const i = [""], n = `header-${o}`;
+      return typeof s == "object" ? (t = s.header, s.alignRight && i.push("o-table_cell--right-align"), s.width && i.push(`u-w${s.width}pct`), s.headerWordWrap || i.push("white-space-nowrap")) : t = s, c("th", {
+        className: w(i),
         children: t
       }, n);
     })
@@ -2090,44 +2095,44 @@ const ro = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
     "data-label": e.header,
     className: w(s)
   };
-}, Dn = (e, s) => i("tbody", {
+}, Dn = (e, s) => c("tbody", {
   children: e.map((o, t) => {
-    const c = `row-${t}`;
-    return i("tr", {
+    const i = `row-${t}`;
+    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);
       })
-    }, c);
+    }, i);
   })
-}), Pn = ({ children: e }) => e ? i("caption", {
+}), Pn = ({ children: e }) => e ? c("caption", {
   children: e
-}) : null, Rn = Se(({ id: e, caption: s, columns: o, rows: t, isResponsive: c = !1, isScrollableHorizontal: n = !1, isStriped: r = !1, isPaginated: p = !1, startPage: d = j, perPage: l = os, className: a, divRef: f, tableRef: b, ...g }, y) => {
+}) : 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
   }), k = Je(), x = [];
-  c && x.push("o-table o-table--stack-on-small"), r && x.push("o-table--striped"), p && x.push("u-w100pct"), a && x.push(a);
+  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(x),
       ref: b,
       id: e ?? k,
       ...g,
-      children: [i(Pn, {
+      children: [c(Pn, {
         children: s
       }), Hn(o), Dn(_, o)]
-    }), p ? i(gn, {
+    }), p ? c(gn, {
       ...L,
       tableId: e ?? k
     }) : null]
   });
-  return n ? i("div", {
+  return n ? c("div", {
     className: "o-table o-table-wrapper--scrolling",
     ref: y ?? f,
     children: O
@@ -2139,13 +2144,13 @@ const Fn = {
   error: "a-text-input--error",
   warning: "a-text-input--warning",
   info: "a-text-input--info"
-}, is = (e) => Fn[e], po = Se(({ id: e, className: s = "", status: o = "info", placeholder: t = "Placeholder text", isFullWidth: c = !1, isDisabled: n = !1, onChange: r = V, ...p }, d) => {
+}, 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), c ? "a-text-input--full" : "", s || ""].filter((f) => f.length);
-  return i("div", {
+  }, a = ["a-text-input", is(o), i ? "a-text-input--full" : "", s || ""].filter((f) => f.length);
+  return c("div", {
     className: "m-form-field",
-    children: i("textarea", {
+    children: c("textarea", {
       className: w(a),
       id: e,
       placeholder: t,
@@ -2155,34 +2160,34 @@ const Fn = {
       ...p
     })
   });
-}), ao = Se(({ className: e, id: s, inputRef: o, isDisabled: t = !1, name: c, 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"), i("div", {
+  return p ? (a.push("a-text-input--full"), c("div", {
     className: "m-form-field",
-    children: i("input", {
+    children: c("input", {
       className: w(a),
       disabled: t,
       id: s,
-      name: c,
+      name: i,
       type: r,
       ref: l,
       ...d
     })
-  })) : i("input", {
+  })) : c("input", {
     className: w(a),
     disabled: t,
     id: s,
-    name: c,
+    name: i,
     type: r,
     ref: l,
     ...d
   });
-}), rs = (e) => e ? typeof e == "string" ? i(Re, {
+}), rs = (e) => e ? typeof e == "string" ? c(Re, {
   children: e
-}) : e : null, Z = ({ heading: e, subheading: s, description: o, callToAction: t, className: c, ...n }) => {
-  const r = ["o-text-introduction", c], p = t && i(te, {
+}) : e : null, Z = ({ heading: e, subheading: s, description: o, callToAction: t, className: i, ...n }) => {
+  const r = ["o-text-introduction", i], p = t && c(te, {
     isLinks: !0,
-    children: i(Le, {
+    children: c(Le, {
       children: as(t, {
         type: "list"
       })
@@ -2191,53 +2196,53 @@ const Fn = {
   return v("div", {
     className: w(r),
     ...n,
-    children: [i(Ee, {
+    children: [c(Ee, {
       type: "1",
       children: e
-    }), i(Re, {
+    }), c(Re, {
       isLead: !0,
       children: s
     }), rs(o), p]
   });
 };
-Z.Container = ({ className: e, children: s, ...o }) => i("div", {
+Z.Container = ({ className: e, children: s, ...o }) => c("div", {
   className: w(["o-text-introduction", e]),
   ...o,
   children: s
 });
 const lo = Z.Container;
-Z.Heading = ({ children: e }) => i(Ee, {
+Z.Heading = ({ children: e }) => c(Ee, {
   type: "1",
   children: e
 });
 const mo = Z.Heading;
 Z.Description = ({ children: e }) => rs(e);
 const fo = Z.Description;
-Z.Subheading = ({ children: e }) => i(Re, {
+Z.Subheading = ({ children: e }) => c(Re, {
   isLead: !0,
   children: e
 });
-const uo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => i("div", {
+const uo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => c("div", {
   className: `o-well ${s}`,
   ...o,
   children: e
 });
-function bo({ heading: e, headingLevel: s = "h3", links: o, text: t, className: c = "", ...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(i(Le, {
+    r.push(c(Le, {
       children: p
     }, p.key));
   return v(Wn, {
-    className: c,
+    className: i,
     ...n,
-    children: [e ? i("p", {
+    children: [e ? c("p", {
       className: s,
       children: e
-    }) : null, t ? i("p", {
+    }) : null, t ? c("p", {
       className: "text",
       children: t
-    }) : null, r.length > 0 ? i(te, {
+    }) : null, r.length > 0 ? c(te, {
       isLinks: !0,
       children: r
     }) : null]
@@ -2251,8 +2256,8 @@ export {
   de as Button,
   Yn as ButtonGroup,
   Zn as Checkbox,
-  Kn as Divider,
-  Gn as Expandable,
+  Gn as Divider,
+  Kn as Expandable,
   Xn as ExpandableGroup,
   zn as Fieldset,
   en as Footer,