@cfpb/design-system-react 0.0.15 → 0.0.16

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as v, Fragment as ne } from "react/jsx-runtime";
+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 { Link as ls } from "react-router";
 function ms(e) {
@@ -13,7 +13,7 @@ function fs() {
       function o() {
         for (var n = "", r = 0; r < arguments.length; r++) {
           var p = arguments[r];
-          p && (n = i(n, t(p)));
+          p && (n = c(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 = i(r, p));
+          s.call(n, p) && n[p] && (r = c(r, p));
         return r;
       }
-      function i(n, r) {
+      function c(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((i, n) => {
+  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((c, 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,29 +79,29 @@ const w = /* @__PURE__ */ ms(us), bs = (e, s, o) => {
   h5: "14px",
   p: "16px",
   sub: "12px"
-}, _s = /* @__PURE__ */ new Set(["email", "facebook", "flickr", "github", "linkedin", "pinterest", "x", "youtube"]), ys = new Set(hs), Es = (e, s) => ys.has(e) ? s ? "-closed" : "-open" : s ? _s.has(e) ? "-square" : "-round" : "", T = ({ name: e, alt: s, ariaLabel: o = "", ariaLabelledby: t = "", ariaDescribedby: i = "", isPresentational: n = !1, withBg: r = !1, size: p = "inherit", ...d }) => {
-  const l = Es(e, r), a = `${e}${l}`, u = gs(a);
-  if (!u) return null;
-  const b = w("cf-icon-svg", `cf-icon-svg--${a}`), h = vs[p] || p;
-  return c(u, {
+}, _s = /* @__PURE__ */ new Set(["email", "facebook", "flickr", "github", "linkedin", "pinterest", "x", "youtube"]), ys = new Set(hs), Es = (e, s) => ys.has(e) ? s ? "-closed" : "-open" : s ? _s.has(e) ? "-square" : "-round" : "", C = ({ name: e, alt: s, ariaLabel: o = "", ariaLabelledby: t = "", ariaDescribedby: c = "", 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, {
     className: b,
     style: {
-      fontSize: h
+      fontSize: g
     },
     role: n ? void 0 : "img",
     "aria-label": o || (n ? void 0 : s ?? e),
     "aria-labelledby": t || void 0,
-    "aria-describedby": i || void 0,
+    "aria-describedby": c || void 0,
     "aria-hidden": n ? "true" : void 0,
     ...d
   });
 };
-function te({ 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: c, 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", {
+  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", {
     className: w(p),
     children: e
-  }) : c("ul", {
+  }) : i("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: [c(T, {
+  children: [i(C, {
     ariaLabel: `${e} icon`,
     name: ws[e],
     withBg: !0
-  }), c("span", {
+  }), i("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 c("li", {
+  return i("li", {
     className: w("m-list__item", s),
     ...o,
     children: e
   });
 }
 function Me({ children: e, itemClassname: s = "", className: o }) {
-  return c(ne, {
-    children: e.map((t) => c(Le, {
+  return i(ne, {
+    children: e.map((t) => i(Le, {
       className: o,
       children: se.cloneElement(t, {
         className: `${s} ${t.props?.className ?? ""}`
@@ -143,49 +143,57 @@ function Me({ children: e, itemClassname: s = "", className: o }) {
     }, t.key))
   });
 }
-function re({ asButton: e = !1, children: s, href: o, iconLeft: t, iconRight: i, isJump: n = !1, isRouterLink: r = !1, label: p, type: d = "default", ...l }) {
-  const u = !e && (!!(t ?? i) || n), h = e || u ? c(Ls, {
+function re({ isButton: e = !1, children: s, href: o, iconLeft: t, iconRight: 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, {
     children: p
-  }) : p, y = w(l.className, {
+  }) : p, L = w(l.className, {
     "a-btn": e || d === "destructive",
     "a-btn--link": d === "destructive",
     "a-btn--warning": d === "destructive",
     "a-link--jump": n,
-    "a-link": u
+    "a-link": g
   });
+  if (a && f)
+    throw new Error("Link component: only one of iconLeft or iconRight can be provided");
   if (r) {
     if (!o)
       throw new Error("Link component: href is a required attribute when isRouterLink is true");
-    return c(ls, {
+    return v(ls, {
       to: o,
       ...l,
-      className: y,
-      children: p
+      className: L,
+      children: [s, !!t && i(C, {
+        name: t,
+        isPresentational: !0
+      }), _, !!c && i(C, {
+        name: c,
+        isPresentational: !0
+      })]
     });
   }
   return v("a", {
     ...l,
-    className: y,
+    className: L,
     href: o,
-    children: [s, !!t && c(T, {
+    children: [s, !!t && i(C, {
       name: t,
       isPresentational: !0
-    }), h, !!i && c(T, {
-      name: i,
+    }), _, !!c && i(C, {
+      name: c,
       isPresentational: !0
     })]
   });
 }
-const Ls = ({ children: e, ...s }) => c("span", {
+const Ls = ({ children: e, ...s }) => i("span", {
   className: "a-link__text",
   ...s,
   children: e
-}), Ns = (e) => c(Le, {
-  children: c(re, {
+}), Ns = (e) => i(Le, {
+  children: i(re, {
     ...e,
     isJump: !0
   })
-}), xs = ({ href: e, label: s, isExternal: o }) => c(Ns, {
+}), xs = ({ href: e, label: s, isExternal: o }) => i(Ns, {
   href: e,
   label: s,
   iconRight: o ? "external-link" : void 0
@@ -210,36 +218,36 @@ const Ls = ({ children: e, ...s }) => c("span", {
     name: "warning",
     withBg: !0
   }
-}, Vn = ({ 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: c = "info", isVisible: n = !0, isFieldLevel: r = !1, showIcon: p = !0, ...d }) => {
   if (!n) return null;
   if (r)
-    return c(Ss, {
-      status: i,
+    return i(Ss, {
+      status: c,
       message: t,
       isVisible: n,
       ...d
     });
   const l = w("m-notification", "m-notification--visible", {
-    "m-notification--success": i === "success",
-    "m-notification--warning": i === "warning",
-    "m-notification--error": i === "error",
-    "m-notification--info": i === "info"
+    "m-notification--success": c === "success",
+    "m-notification--warning": c === "warning",
+    "m-notification--error": c === "error",
+    "m-notification--info": c === "info"
   }, s);
   return v("div", {
     className: l,
     ...d,
-    children: [p ? c(T, {
-      ariaLabel: `${i} icon`,
-      ...ks[i]
+    children: [p ? i(C, {
+      ariaLabel: `${c} icon`,
+      ...ks[c]
     }) : null, v("div", {
       className: "m-notification__content",
-      children: [t ? c("div", {
+      children: [t ? i("div", {
         className: "m-notification__message",
         children: t
-      }) : null, e ? c("div", {
+      }) : null, e ? i("div", {
         className: `${t ? "m-notification__explanation" : ""}`,
         children: e
-      }) : null, o && o.length > 0 ? c(te, {
+      }) : null, o && o.length > 0 ? i(te, {
         isLinks: !0,
         children: o.map((a) => Ge(xs, {
           ...a,
@@ -252,9 +260,9 @@ const Ls = ({ children: e, ...s }) => c("span", {
   const o = ["a-tagline"];
   return e && o.push("a-tagline--large"), v("div", {
     className: w(o),
-    children: [c("span", {
+    children: [i("span", {
       className: "u-usa-flag"
-    }), c("div", {
+    }), i("div", {
       className: "a-tagline__text",
       children: s
     })]
@@ -267,36 +275,36 @@ const Ls = ({ children: e, ...s }) => c("span", {
       children: ["(", s, ") ", o.join("-")]
     });
   }
-  return c("a", {
+  return i("a", {
     href: `tel:+${e}`,
     children: e
   });
 }, Ts = ({ isHorizontal: e = !0, tagline: s = v(ne, {
-  children: ["An official website of the", " ", c("span", {
+  children: ["An official website of the", " ", i("span", {
     className: "u-nowrap",
     children: "United States government"
   })]
-}), phoneNumber: o, links: t = [], className: i, ...n }) => {
+}), phoneNumber: o, links: t = [], className: c, ...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 = c(As, {
+  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, {
     children: s
-  })) : r.push("m-global-eyebrow--list"), i && r.push(i), c("div", {
+  })) : r.push("m-global-eyebrow--list"), c && r.push(c), i("div", {
     className: w(r),
     ...n,
     children: v("div", {
       className: w(p),
       children: [l, v("div", {
         className: "m-global-eyebrow__actions",
-        children: [t.length > 0 && c("ul", {
+        children: [t.length > 0 && i("ul", {
           className: w(d),
-          children: t.map((a) => c("li", {
+          children: t.map((a) => i("li", {
             className: "m-list__item",
             children: a
           }, a.key))
-        }), o ? c("span", {
+        }), o ? i("span", {
           className: "m-global-eyebrow__phone",
-          children: c(Cs, {
+          children: i(Cs, {
             phoneNumber: o
           })
         }) : null]
@@ -342,33 +350,33 @@ const Ls = ({ children: e, ...s }) => c("span", {
     label: "Kreyòl Ayisyen",
     code: "ht"
   }
-}, Qn = ({ code: e, href: s, label: o, languageMap: t = Is, ...i }) => {
+}, Qn = ({ code: e, href: s, label: o, languageMap: t = Is, ...c }) => {
   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", {
+  return n && (r = n.code, p = n.code, d = o ?? n.label, l = n.href || s), i("a", {
     href: l ?? `/language/${r}/`,
     hrefLang: r,
     lang: p,
-    ...i,
+    ...c,
     children: d
   });
-}, jn = ({ 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 : i("div", {
   className: w("u-layout-grid__breadcrumbs", o),
   ...t,
-  children: c("nav", {
+  children: i("nav", {
     className: "m-breadcrumbs",
     "aria-label": s,
-    children: e.map((i) => v(ds, {
-      children: [" / ", i.isCurrent ? c("span", {
+    children: e.map((c) => v(ds, {
+      children: [" / ", c.isCurrent ? i("span", {
         className: "m-breadcrumbs__crumb",
         "aria-current": "page",
-        children: ` ${i.label} `
-      }) : c("a", {
+        children: ` ${c.label} `
+      }) : i("a", {
         className: "m-breadcrumbs__crumb",
-        href: i.href,
-        children: ` ${i.label} `
+        href: c.href,
+        children: ` ${c.label} `
       })]
-    }, `${i.href}-${i.label}`))
+    }, `${c.href}-${c.label}`))
   })
 }), Os = ["a-btn"], Bs = {
   primary: [],
@@ -377,26 +385,30 @@ const Ls = ({ children: e, ...s }) => c("span", {
 }, Hs = {
   default: [],
   full: ["a-btn--full-on-xs"]
-}, de = Se(({ appearance: e = "primary", asLink: s = !1, size: o = "default", label: t, className: i, iconLeft: n, iconRight: r, ...p }, d) => {
-  const l = [...Os, ...Bs[e], ...Hs[o]];
-  return s && l.push("a-btn--link"), i && l.push(i), p.disabled && l.push("a-btn--disabled"), v("button", {
-    ref: d,
+}, de = Se(({ appearance: e = "primary", isLink: s = !1, size: o = "default", label: t, className: c, 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", {
+    children: t
+  }) : t : null;
+  if (f && b)
+    throw new Error("Button component: only one of iconLeft or iconRight can be provided");
+  return v("button", {
+    ref: l,
     type: "button",
-    className: [...l].join(" "),
-    ...p,
-    children: [!!n && c(T, {
+    className: [...a].join(" "),
+    ...d,
+    children: [p, !!n && i(C, {
       name: n,
       isPresentational: !0
-    }), n || r ? c("span", {
-      children: t
-    }) : t, !!r && c(T, {
+    }), y, !!r && i(C, {
       name: r,
       isPresentational: !0
     })]
   });
 });
 de.displayName = "Button";
-const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
+const Yn = ({ className: e, children: s, ...o }) => s ? i("div", {
   className: `m-btn-group ${e ?? ""}`,
   ...o,
   children: s
@@ -404,10 +416,10 @@ const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
   className: w(["a-label__helper", s]),
   ...o,
   children: ["(", e, ")"]
-}) : null, Ms = ["a-label"], ns = ({ children: e, inline: s = !1, htmlFor: o, className: t, ...i }) => {
+}) : null, Ms = ["a-label"], ns = ({ children: e, isInline: s = !1, htmlFor: o, className: t, ...c }) => {
   const r = [...[...Ms, s ? "" : "a-label--heading"], t];
-  return e ? c("label", {
-    ...i,
+  return e ? i("label", {
+    ...c,
     className: w(r),
     htmlFor: o,
     children: e
@@ -416,35 +428,41 @@ const Yn = ({ className: e, children: s, ...o }) => s ? c("div", {
   success: "m-form-field--checkbox-success",
   warning: "m-form-field--checkbox-warning",
   error: "m-form-field--checkbox-error"
-}, Zn = ({ id: e, label: s, className: o, inputClassName: t, labelClassName: i = "", checked: n = !1, helperText: r, inputRef: p, disabled: d = !1, isLarge: l = !1, labelInline: a = !0, name: u, onChange: b, status: h, ...y }) => {
-  const _ = ze((x) => {
-    b?.(x);
-  }, [b]), N = [...Ds, l ? "m-form-field--lg-target" : "", h ? Ps[h] : "", o];
-  return v("div", {
-    className: w(N),
-    children: [c("input", {
-      id: e,
-      type: "checkbox",
-      checked: n,
-      "aria-checked": n,
-      "aria-labelledby": `${e}-label`,
-      name: u ?? e,
-      ref: p,
-      disabled: d,
-      onChange: _,
-      ...y,
-      className: w(["a-checkbox", t])
+}, 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, ..._ }) => {
+  const L = n !== void 0, k = ze((H) => {
+    g?.(H);
+  }, [g]), x = [...Ds, a ? "m-form-field--lg-target" : "", y ? Ps[y] : "", o], O = {
+    ..._,
+    id: e,
+    type: "checkbox",
+    "aria-labelledby": `${e}-label`,
+    name: b ?? e,
+    ref: d,
+    disabled: l,
+    onChange: k,
+    "data-testid": `${e}-input`,
+    className: w(["a-checkbox", t])
+  };
+  return L ? Object.assign(O, {
+    checked: n,
+    "aria-checked": n
+  }) : Object.assign(O, {
+    defaultChecked: r ?? !1
+  }), v("div", {
+    className: w(x),
+    children: [i("input", {
+      ...O
     }), v(ns, {
       id: `${e}-label`,
-      className: i,
+      className: c,
       htmlFor: e,
-      inline: a,
-      children: [s, c(ss, {
-        children: r
+      isInline: f,
+      children: [s, i(ss, {
+        children: p
       })]
     })]
   });
-}, Kn = ({ className: e = "", ...s }) => c("div", {
+}, Kn = ({ className: e = "", ...s }) => i("div", {
   className: `content__line ${e}`,
   ...s
 }), We = {
@@ -497,20 +515,20 @@ function Us(e) {
 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;
+  function s(c, n) {
+    return {}.hasOwnProperty.call(e, c) ? e[c].push(n) : e[c] = [n], this;
   }
-  function o(i, n) {
-    if (!{}.hasOwnProperty.call(e, i))
+  function o(c, n) {
+    if (!{}.hasOwnProperty.call(e, c))
       return this;
-    const r = e[i].indexOf(n);
-    return r !== -1 && e[i].splice(r, 1), this;
+    const r = e[c].indexOf(n);
+    return r !== -1 && e[c].splice(r, 1), this;
   }
-  function t(i, n) {
-    if (!{}.hasOwnProperty.call(e, i))
+  function t(c, n) {
+    if (!{}.hasOwnProperty.call(e, c))
       return this;
     n = n || {};
-    const r = e[i];
+    const r = e[c];
     for (let p = 0, d = r.length; p < d; p++)
       r[p].call(this, n);
     return this;
@@ -582,55 +600,55 @@ function Zs() {
 }
 function I(e, s, o) {
   const t = s;
-  let i = e;
+  let c = e;
   if (!o) throw new Error("Child transition argument must be defined!");
   const n = o;
-  let r, p, d, l = !1, a = !1, u = !1;
+  let r, p, d, l = !1, a = !1, f = !1;
   if (typeof t.CSS_PROPERTY > "u" || typeof t.BASE_CLASS > "u")
     throw new Error(
       "Transitions require CSS_PROPERTY and BASE_CLASS to be passed into BaseTransition."
     );
   function b() {
-    p && l ? (i.addEventListener(p, d), n.dispatchEvent(I.BEGIN_EVENT, {
+    p && l ? (c.addEventListener(p, d), n.dispatchEvent(I.BEGIN_EVENT, {
       target: n,
       type: I.BEGIN_EVENT
-    }), i.classList.add(I.ANIMATING_CLASS), a = !0) : (n.dispatchEvent(I.BEGIN_EVENT, {
+    }), c.classList.add(I.ANIMATING_CLASS), a = !0) : (n.dispatchEvent(I.BEGIN_EVENT, {
       target: n,
       type: I.BEGIN_EVENT
     }), d());
   }
-  function h() {
-    i.removeEventListener(p, d);
+  function g() {
+    c.removeEventListener(p, d);
   }
-  function y(L) {
-    return L && L.propertyName !== t.CSS_PROPERTY ? !1 : (h(), i.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
+  function y(N) {
+    return N && N.propertyName !== t.CSS_PROPERTY ? !1 : (g(), c.classList.remove(I.ANIMATING_CLASS), n.dispatchEvent(I.END_EVENT, {
       target: n,
       type: I.END_EVENT
     }), a = !1, !0);
   }
   function _() {
-    let L;
-    for (L in t)
-      ({}).hasOwnProperty.call(t, L) && t[L] !== t.BASE_CLASS && i.classList.contains(t[L]) && i.classList.remove(t[L]);
+    let N;
+    for (N in t)
+      ({}).hasOwnProperty.call(t, N) && t[N] !== t.BASE_CLASS && c.classList.contains(t[N]) && c.classList.remove(t[N]);
   }
-  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() {
-    N(), _(), i.classList.remove(t.BASE_CLASS);
+  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 = "");
   }
   function k() {
-    i.classList.remove(I.NO_ANIMATION_CLASS), l = !0;
+    L(), _(), c.classList.remove(t.BASE_CLASS);
   }
-  function B() {
-    i.classList.add(I.NO_ANIMATION_CLASS), l = !1;
+  function x() {
+    c.classList.remove(I.NO_ANIMATION_CLASS), l = !0;
   }
-  function M(L) {
-    if (!L) {
+  function O() {
+    c.classList.add(I.NO_ANIMATION_CLASS), l = !1;
+  }
+  function H(N) {
+    if (!N) {
       const z = "Element does not have TransitionEnd event. It may be null!";
       throw new Error(z);
     }
-    let H;
+    let M;
     const D = {
       WebkitTransition: "webkitTransitionEnd",
       MozTransition: "transitionend",
@@ -639,26 +657,26 @@ function I(e, s, o) {
     };
     let q;
     for (q in D)
-      if ({}.hasOwnProperty.call(D, q) && typeof L.style[q] < "u") {
-        H = D[q];
+      if ({}.hasOwnProperty.call(D, q) && typeof N.style[q] < "u") {
+        M = D[q];
         break;
       }
-    return H;
+    return M;
   }
-  function S(L) {
-    x(), k(), i = L, i.classList.add(t.BASE_CLASS), p = M(i);
+  function S(N) {
+    k(), x(), c = N, c.classList.add(t.BASE_CLASS), p = H(c);
   }
-  function A(L) {
-    if (l = !i.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(i), !L)
+  function A(N) {
+    if (l = !c.classList.contains(I.NO_ANIMATION_CLASS), d = y.bind(this), S(c), !N)
       throw new Error(
         "Transition needs to be passed an initial CSS class on initialization!"
       );
-    return i.classList.add(L), this;
+    return c.classList.add(N), this;
   }
-  function O(L) {
-    return u || (_(), u = !0), i.classList.contains(L) ? !1 : (h(), i.classList.remove(r), r = L, b(), i.classList.add(r), !0);
+  function B(N) {
+    return f || (_(), f = !0), c.classList.contains(N) ? !1 : (g(), c.classList.remove(r), r = N, b(), c.classList.add(r), !0);
   }
-  return this.animateOff = B, this.animateOn = k, this.applyClass = O, this.halt = N, this.init = A, this.isAnimated = () => l, this.remove = x, this.setElement = S, this;
+  return this.animateOff = O, this.animateOn = x, this.applyClass = B, this.halt = L, this.init = A, this.isAnimated = () => l, this.remove = k, this.setElement = S, this;
 }
 I.BEGIN_EVENT = "transitionbegin";
 I.END_EVENT = "transitionend";
@@ -666,52 +684,52 @@ I.NO_ANIMATION_CLASS = "u-no-animation";
 I.ANIMATING_CLASS = "u-is-animating";
 const ie = Vs + "flyout-menu", Ks = "[" + Y + "=" + ie;
 function xe(e, s = !0) {
-  const o = qe(e, ie), t = k(e), i = qe(e, ie + "_content");
+  const o = qe(e, ie), t = x(e), c = qe(e, ie + "_content");
   let n = 0;
   const r = 0, p = 1, d = 2, l = 3;
-  let a, u, b;
-  const h = z.bind(this), y = q.bind(this);
-  let _, N = !0, x = !1;
-  function k(m) {
-    const f = [], g = m.querySelectorAll(`${Ks}_trigger]`);
-    let E, C, $;
-    for (let R = g.length >>> 0; R--; ) {
-      for ($ = !1, E = g[R], C = E.parentElement; C !== m; )
-        C.getAttribute(Y) && C.getAttribute(Y).split(" ").indexOf(ie) !== -1 ? ($ = !0, C = m) : C = C.parentElement;
-      $ || f.unshift(g[R]);
+  let a, f, b;
+  const g = z.bind(this), y = q.bind(this);
+  let _, L = !0, k = !1;
+  function x(m) {
+    const u = [], h = m.querySelectorAll(`${Ks}_trigger]`);
+    let E, T, $;
+    for (let R = h.length >>> 0; R--; ) {
+      for ($ = !1, E = h[R], T = E.parentElement; T !== m; )
+        T.getAttribute(Y) && T.getAttribute(Y).split(" ").indexOf(ie) !== -1 ? ($ = !0, T = m) : T = T.parentElement;
+      $ || u.unshift(h[R]);
     }
-    return f;
+    return u;
   }
-  function B(m = !1) {
-    return n = m ? l : r, t.forEach((f) => {
-      M("expanded", f, m), f.addEventListener("click", L.bind(this)), f.addEventListener("touchstart", S, {
+  function O(m = !1) {
+    return n = m ? l : r, t.forEach((u) => {
+      H("expanded", u, m), u.addEventListener("click", N.bind(this)), u.addEventListener("touchstart", S, {
         passive: !0
-      }), f.addEventListener("mouseover", A.bind(this)), f.addEventListener("mouseout", O.bind(this));
-    }), i.setAttribute("data-open", m ? "true" : "false"), s && !m && i.setAttribute("hidden", ""), ue(), this;
+      }), 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;
   }
-  function M(m, f, g) {
-    const E = String(g);
-    return f.setAttribute("aria-" + m, E), E;
+  function H(m, u, h) {
+    const E = String(h);
+    return u.setAttribute("aria-" + m, E), E;
   }
   function S() {
-    x = !0;
+    k = !0;
   }
   function A(m) {
-    N || (x || this.dispatchEvent("triggerover", {
+    L || (k || this.dispatchEvent("triggerover", {
       target: this,
       trigger: m.target,
       type: "triggerover"
-    }), x = !1);
+    }), k = !1);
   }
-  function O(m) {
-    N || this.dispatchEvent("triggerout", {
+  function B(m) {
+    L || this.dispatchEvent("triggerout", {
       target: this,
       trigger: m.target,
       type: "triggerout"
     });
   }
-  function L(m) {
-    if (!N)
+  function N(m) {
+    if (!L)
       switch (this.dispatchEvent("triggerclick", {
         target: this,
         trigger: m.target,
@@ -727,68 +745,68 @@ function xe(e, s = !0) {
           break;
       }
   }
-  function H() {
+  function M() {
     if (a?.halt(), n === d || n === l) return this;
-    if (n = d, s && i.removeAttribute("hidden"), this.dispatchEvent("expandbegin", { target: this, type: "expandbegin" }), !u || !b)
+    if (n = d, s && c.removeAttribute("hidden"), this.dispatchEvent("expandbegin", { target: this, type: "expandbegin" }), !f || !b)
       return y(), this;
     const m = a?.isAnimated();
-    return m && a.addEventListener(I.END_EVENT, y), u(), m || y(), this;
+    return m && a.addEventListener(I.END_EVENT, y), f(), m || y(), this;
   }
   function D() {
     if (a?.halt(), n === p || n === r) return this;
-    for (let f = 0, g = t.length; f < g; f++)
-      M("expanded", t[f], !1);
-    if (i.setAttribute("data-open", "false"), n = p, this.dispatchEvent("collapsebegin", {
+    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", {
       target: this,
       type: "collapsebegin"
-    }), !b || !u)
-      return h(), this;
+    }), !b || !f)
+      return g(), this;
     const m = a?.isAnimated();
     return m && a.addEventListener(
       I.END_EVENT,
-      h
-    ), b(), m || h(), this;
+      g
+    ), b(), m || g(), this;
   }
   function q() {
-    n = l, i.setAttribute("data-open", "true"), a && a.removeEventListener(
+    n = l, c.setAttribute("data-open", "true"), a && a.removeEventListener(
       I.END_EVENT,
       y
     ), this.dispatchEvent("expandend", { target: this, type: "expandend" });
-    for (let m = 0, f = t.length; m < f; m++)
-      M("expanded", t[m], !0);
+    for (let m = 0, u = t.length; m < u; m++)
+      H("expanded", t[m], !0);
   }
   function z() {
-    n = r, s && i.setAttribute("hidden", ""), a && a.removeEventListener(
+    n = r, s && c.setAttribute("hidden", ""), a && a.removeEventListener(
       I.END_EVENT,
-      h
+      g
     ), this.dispatchEvent("collapseend", { target: this, type: "collapseend" });
   }
-  function fe(m, f, g) {
-    a = m, f && f !== b && (b = f), g && g !== u && (u = g);
+  function fe(m, u, h) {
+    a = m, u && u !== b && (b = u), h && h !== f && (f = h);
   }
   function ke() {
     a && a.remove();
     let m;
-    a = m, u = m, b = m;
+    a = m, f = m, b = m;
   }
   function Ae() {
     return {
       container: o,
-      content: i,
+      content: c,
       trigger: t
     };
   }
   function ue() {
-    return N && (N = !1), !N;
+    return L && (L = !1), !L;
   }
   function Ce() {
-    return N || (N = !0), N;
+    return L || (L = !0), L;
   }
   function Te(m) {
     return _ = m, this;
   }
   const K = new ce();
-  return this.addEventListener = K.addEventListener, this.removeEventListener = K.removeEventListener, this.dispatchEvent = K.dispatchEvent, this.init = B, this.expand = H, this.collapse = D, this.setTransition = fe, this.clearTransition = ke, this.getData = () => _, this.getTransition = () => a, this.getDom = Ae, this.isAnimating = () => n === d || n === p, this.isExpanded = () => n === l, this.resume = ue, this.setData = Te, this.suspend = Ce, xe.BASE_CLASS = ie, this;
+  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 $e = "transitiondir", X = {
   CSS_PROPERTY: "max-height",
@@ -800,18 +818,18 @@ const $e = "transitiondir", X = {
 };
 function U(e) {
   const s = this, o = new ce(), t = new I(e, X, this);
-  let i = 0;
+  let c = 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, N = y.top, x = _ <= 140 ? "up" : "down";
+    const y = e.getBoundingClientRect(), _ = window.innerHeight - y.top, L = y.top, k = _ <= 140 ? "up" : "down";
     return {
       rect: y,
       distanceToBottom: _,
-      distanceToTop: N,
-      dir: x
+      distanceToTop: L,
+      dir: k
     };
   }
   function p() {
@@ -823,48 +841,48 @@ function U(e) {
     }), this;
   }
   function l() {
-    return n(), t.applyClass(X.MH_DEFAULT), (!i || e.scrollHeight > i) && (i = e.scrollHeight), this;
+    return n(), t.applyClass(X.MH_DEFAULT), (!c || e.scrollHeight > c) && (c = e.scrollHeight), this;
   }
   function a() {
-    return n(), t.applyClass(X.MH_SUMMARY), i = e.scrollHeight, this;
+    return n(), t.applyClass(X.MH_SUMMARY), c = e.scrollHeight, this;
   }
-  function u() {
+  function f() {
     n(), e.style.top = "100%";
     const y = r();
     let _ = 30;
-    const N = 2;
-    let x = e.scrollHeight + _ < y.distanceToBottom ? `${e.scrollHeight + N}px` : `${y.distanceToBottom - _}px`;
+    const L = 2;
+    let k = e.scrollHeight + _ < y.distanceToBottom ? `${e.scrollHeight + L}px` : `${y.distanceToBottom - _}px`;
     if (y.dir === "up") {
-      const k = e.parentElement.offsetHeight;
-      _ += k, e.style.bottom = `${k - N}px`, x = e.scrollHeight + _ < y.distanceToTop ? `${e.scrollHeight + N}px` : `${y.distanceToTop - _}px`, e.style.top = "unset";
+      const x = e.parentElement.offsetHeight;
+      _ += x, e.style.bottom = `${x - L}px`, k = e.scrollHeight + _ < y.distanceToTop ? `${e.scrollHeight + L}px` : `${y.distanceToTop - _}px`, e.style.top = "unset";
     }
-    return e.style.maxHeight = x, t.applyClass(X.MH_DYNAMIC), s.dispatchEvent($e, {
+    return e.style.maxHeight = k, t.applyClass(X.MH_DYNAMIC), s.dispatchEvent($e, {
       target: s,
       type: $e,
       dir: y.dir
-    }), i = e.scrollHeight, this;
+    }), c = e.scrollHeight, this;
   }
   function b() {
-    return t.applyClass(X.MH_ZERO), i = e.scrollHeight, this;
+    return t.applyClass(X.MH_ZERO), c = e.scrollHeight, this;
   }
-  function h() {
+  function g() {
     return e.style.maxHeight = "", t.remove();
   }
-  return this.addEventListener = o.addEventListener, this.dispatchEvent = o.dispatchEvent, this.removeEventListener = o.removeEventListener, this.animateOff = t.animateOff, this.animateOn = t.animateOn, this.halt = t.halt, this.isAnimated = t.isAnimated, this.setElement = t.setElement, this.refresh = n, this.remove = h, this.init = d, this.maxHeightDefault = l, this.maxHeightSummary = a, this.maxHeightZero = b, this.maxHeightDynamic = u, this;
+  return this.addEventListener = o.addEventListener, this.dispatchEvent = o.dispatchEvent, this.removeEventListener = o.removeEventListener, this.animateOff = t.animateOff, this.animateOn = t.animateOn, this.halt = t.halt, this.isAnimated = t.isAnimated, this.setElement = t.setElement, this.refresh = n, this.remove = g, this.init = d, this.maxHeightDefault = l, this.maxHeightSummary = a, this.maxHeightZero = b, this.maxHeightDynamic = f, this;
 }
 U.CLASSES = X;
 const J = "o-expandable";
 function G(e) {
   const s = le(e, J);
-  let o, t, i, n, r;
+  let o, t, c, n, r;
   function p() {
     if (!oe(s))
       return this;
-    o = s.querySelector(`.${J}__header`), t = s.querySelector(`.${J}__content`), i = s.querySelector(`.${J}__label`);
+    o = s.querySelector(`.${J}__header`), t = s.querySelector(`.${J}__content`), c = s.querySelector(`.${J}__label`);
     const a = s.classList.contains(`${J}--onload-open`);
     W(s, "behavior_flyout-menu"), W(o, "behavior_flyout-menu_trigger"), W(t, "behavior_flyout-menu_content");
-    const u = a ? U.CLASSES.MH_DEFAULT : U.CLASSES.MH_ZERO;
-    return n = new U(t).init(u), a || t.classList.add("u-hidden"), r = new xe(s), r.setTransition(
+    const f = a ? U.CLASSES.MH_DEFAULT : U.CLASSES.MH_ZERO;
+    return n = new U(t).init(f), a || t.classList.add("u-hidden"), r = new xe(s), r.setTransition(
       n,
       n.maxHeightZero,
       n.maxHeightDefault
@@ -875,7 +893,7 @@ function G(e) {
     }), this;
   }
   function d() {
-    return i.textContent.trim();
+    return c.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();
@@ -886,10 +904,10 @@ 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`);
-  let t, i;
+  let t, c;
   function n(p) {
     const d = p.target;
-    i && i !== d && i.collapse(), i = d;
+    c && c !== d && c.collapse(), c = d;
   }
   function r(p) {
     return oe(s) ? (o && (t = p, t.forEach((d) => {
@@ -901,134 +919,147 @@ function ve(e) {
 ve.BASE_CLASS = he;
 ve.init = (e) => {
   (e || document).querySelectorAll(`.${he}`).forEach((t) => {
-    const i = me(
+    const c = me(
       `.${G.BASE_CLASS}`,
       G,
       t
     );
-    new ve(t).init(i);
+    new ve(t).init(c);
   });
 };
 const ee = "o-summary";
 function _e(e) {
-  const s = le(e, ee), o = s.classList.contains(`${ee}--mobile`), t = s.querySelector(`.${ee}__content`), i = s.querySelector(`.${ee}__btn`);
+  const s = le(e, ee), o = s.classList.contains(`${ee}--mobile`), t = s.querySelector(`.${ee}__content`), c = 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 = !h(), W(s, "behavior_flyout-menu"), W(t, "behavior_flyout-menu_content"), W(i, "behavior_flyout-menu_trigger"), r = new xe(s, !1), n = new U(t), n.init(
+    window.removeEventListener("load", l), p = !g(), W(s, "behavior_flyout-menu"), W(t, "behavior_flyout-menu_content"), W(c, "behavior_flyout-menu_trigger"), r = new xe(s, !1), n = new U(t), n.init(
       p ? U.CLASSES.MH_SUMMARY : U.CLASSES.MH_DEFAULT
     ), r.setTransition(
       n,
       n.maxHeightSummary,
       n.maxHeightDefault
-    ), r.addEventListener("triggerclick", y), r.init(), b(), window.addEventListener("resize", b), "onorientationchange" in window && window.addEventListener("orientationchange", b), s.addEventListener("focusin", a), t.addEventListener("click", u);
+    ), r.addEventListener("triggerclick", y), r.init(), b(), window.addEventListener("resize", b), "onorientationchange" in window && window.addEventListener("orientationchange", b), s.addEventListener("focusin", a), t.addEventListener("click", f);
   }
   function a(S) {
-    !p && S.target !== i && (i.click(), s.removeEventListener("focusin", a));
+    !p && S.target !== c && (c.click(), s.removeEventListener("focusin", a));
   }
-  function u(S) {
+  function f(S) {
     S.target.tagName !== "A" && r.isExpanded() && n.refresh();
   }
   function b() {
-    h() ? B() : k();
+    g() ? O() : x();
   }
-  function h() {
+  function g() {
     return o && !Us(Ws) || t.scrollHeight <= 88;
   }
   function y() {
     r.addEventListener("expandend", _);
   }
   function _() {
-    x(), window.removeEventListener("resize", b), window.removeEventListener("orientationchange", b), r.removeEventListener("expandend", _), r.suspend(), n.remove();
-  }
-  function N() {
-    i.classList.remove("u-hidden");
+    k(), window.removeEventListener("resize", b), window.removeEventListener("orientationchange", b), r.removeEventListener("expandend", _), r.suspend(), n.remove();
   }
-  function x() {
-    i.classList.add("u-hidden");
+  function L() {
+    c.classList.remove("u-hidden");
   }
   function k() {
-    return p && (r.collapse(), n.animateOn(), N(), p = !1), !p;
+    c.classList.add("u-hidden");
   }
-  function B() {
-    return p || (n.animateOff(), r.expand(), x(), p = !0), p;
+  function x() {
+    return p && (r.collapse(), n.animateOn(), L(), p = !1), !p;
+  }
+  function O() {
+    return p || (n.animateOff(), r.expand(), k(), p = !0), p;
   }
-  const M = new ce();
-  return this.addEventListener = M.addEventListener, this.removeEventListener = M.removeEventListener, this.dispatchEvent = M.dispatchEvent, this.init = d, this;
+  const H = new ce();
+  return this.addEventListener = H.addEventListener, this.removeEventListener = H.removeEventListener, this.dispatchEvent = H.dispatchEvent, this.init = d, this;
 }
 _e.BASE_CLASS = ee;
 _e.init = (e) => me(`.${ee}`, _e, e);
 const pe = "o-summary-minimal";
 function ye(e) {
   const s = le(e, pe), o = s.querySelector(`.${pe}__content`), t = s.querySelector(`.${pe}__btn`);
-  let i, n;
+  let c, 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), 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();
+    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();
   }
-  function d(u) {
-    u.target !== t && (t.click(), s.removeEventListener("focusin", d));
+  function d(f) {
+    f.target !== t && (t.click(), s.removeEventListener("focusin", d));
   }
-  function l(u) {
-    u.target.tagName !== "A" && n.isExpanded() && i.refresh();
+  function l(f) {
+    f.target.tagName !== "A" && n.isExpanded() && c.refresh();
   }
   const a = new ce();
   return this.addEventListener = a.addEventListener, this.removeEventListener = a.removeEventListener, this.dispatchEvent = a.dispatchEvent, this.init = r, this;
 }
 ye.BASE_CLASS = pe;
 ye.init = (e) => me(`.${pe}`, ye, e);
-const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadded: i = !1, openOnLoad: n = !1, className: r = "", ...p }) => {
+const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadded: c = !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", {
+  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", {
     className: w(d),
     ...p,
     children: [v("button", {
       type: "button",
       className: "o-expandable__header",
       title: e,
-      children: [o ? c("span", {
+      children: [o ? i("span", {
         className: "o-expandable__icon",
-        children: c(T, {
+        children: i(C, {
           name: o
         })
-      }) : null, c("h3", {
+      }) : null, i("h3", {
         className: "o-expandable__label",
         children: e
       }), v("span", {
         className: "o-expandable__cues",
-        children: [c("span", {
+        children: [i("span", {
           className: "o-expandable__cue-open",
           "aria-label": "Show",
-          children: c(T, {
+          children: i(C, {
             name: "plus-round",
             isPresentational: !0
           })
-        }), c("span", {
+        }), i("span", {
           className: "o-expandable__cue-close",
           "aria-label": "Hide",
-          children: c(T, {
+          children: i(C, {
             name: "minus-round",
             isPresentational: !0
           })
         })]
       })]
-    }), c("div", {
+    }), i("div", {
       className: "o-expandable__content",
       children: s
     })]
   });
-}, zn = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...i }) => {
+}, 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),
+  ...n,
+  children: [v("legend", {
+    className: "h4",
+    children: [e, s && i("small", {
+      className: "a-label__helper a-label__helper--block",
+      children: s
+    })]
+  }), t ? i("div", {
+    className: "o-form__fieldset-options",
+    children: o
+  }) : o]
+}), Xn = ({ groupId: e, accordion: s = !1, children: o, className: t = "", ...c }) => {
   const n = ["o-expandable-group", t];
   s && n.push("o-expandable-group--accordion"), Q(() => {
     ve.init();
@@ -1037,10 +1068,10 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
     inAccordion: !0,
     openOnLoad: p.props.openOnLoad ?? !1
   }) : p);
-  return c("div", {
+  return i("div", {
     id: e,
     className: w(n),
-    ...i,
+    ...c,
     children: r
   });
 }, Gs = () => v("a", {
@@ -1048,57 +1079,57 @@ const Gn = ({ header: e, children: s, icon: o = "", inAccordion: t = !1, isPadde
   "data-gtm_ignore": "true",
   "data-js-hook": "behavior_return-to-top",
   href: "#",
-  children: ["Back to top", c(T, {
+  children: ["Back to top", i(C, {
     name: "arrow-up",
     isPresentational: !0
   })]
-}), zs = () => c("div", {
+}), zs = () => i("div", {
   className: "o-footer__post",
   children: v("div", {
     className: "a-tagline a-tagline--large",
     "aria-label": "Official website of the United States government",
-    children: [c("span", {
+    children: [i("span", {
       className: "u-usa-flag"
     }), v("div", {
       className: "a-tagline__text",
-      children: ["An official website of the ", c("span", {
+      children: ["An official website of the ", i("span", {
         className: "u-nowrap",
         children: "United States government"
       })]
     })]
   })
-}), De = (e) => e.length === 0, Xs = ({ children: e }) => De(e) ? null : c(te, {
+}), De = (e) => e.length === 0, Xs = ({ children: e }) => De(e) ? null : i(te, {
   className: "o-footer__nav-list m-list--links m-list--horizontal",
-  children: c(Me, {
+  children: i(Me, {
     itemClassname: "m-list__link",
     children: e
   })
-}), Js = ({ children: e }) => De(e) ? null : c("div", {
+}), Js = ({ children: e }) => De(e) ? null : i("div", {
   className: "block block--flush-top block--flush-bottom block--padded-top",
-  children: c("div", {
+  children: i("div", {
     className: "m-social-media m-social-media--follow",
-    children: c(te, {
+    children: i(te, {
       className: "m-social-media__icons",
       isUnstyled: !0,
       isHorizontal: !0,
-      children: c(Me, {
+      children: i(Me, {
         itemClassname: "m-social-media__icon",
         children: e
       })
     })
   })
-}), Oe = ({ children: e }) => De(e) ? null : c("div", {
+}), Oe = ({ children: e }) => De(e) ? null : i("div", {
   className: "o-footer__col",
-  children: c(te, {
+  children: i(te, {
     className: "o-footer__list",
-    children: c(Me, {
+    children: i(Me, {
       itemClassname: "m-list__link",
       children: e
     })
   })
 });
-function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol2: t = [], linksCol3: i = [], className: n, ...r }) {
-  return c("footer", {
+function en({ navLinks: e = [], socialLinks: s = [], linksCol1: o = [], linksCol2: t = [], linksCol3: c = [], className: n, ...r }) {
+  return i("footer", {
     className: w(["o-footer", n]),
     "data-js-hook": "state_atomic_init",
     ...r,
@@ -1106,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: [c(Gs, {}), c(Xs, {
+        children: [i(Gs, {}), i(Xs, {
           children: e
-        }), c(Js, {
+        }), i(Js, {
           children: s
         })]
       }), v("div", {
         className: "o-footer__middle-left",
-        children: [c(Oe, {
+        children: [i(Oe, {
           children: o
-        }), c(Oe, {
+        }), i(Oe, {
           children: t
         })]
-      }), c("div", {
+      }), i("div", {
         className: "o-footer__middle-right",
-        children: c(Oe, {
-          children: i
+        children: i(Oe, {
+          children: c
         })
-      }), c(zs, {})]
+      }), i(zs, {})]
     })
   });
 }
-const Xn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
-  const t = [c("a", {
+const Jn = ({ cfLink: e = "https://www.consumerfinance.gov", className: s, ...o }) => {
+  const t = [i("a", {
     href: `${e}/about-us/`,
     children: "About Us"
-  }, "about"), c("a", {
+  }, "about"), i("a", {
     href: `${e}/about-us/contact-us/`,
     children: "Contact Us"
-  }, "contact"), c("a", {
+  }, "contact"), i("a", {
     href: `${e}/about-us/careers/`,
     children: "Careers"
-  }, "careers"), c("a", {
+  }, "careers"), i("a", {
     href: `${e}/about-us/events/`,
     children: "Events"
-  }, "events"), c("a", {
+  }, "events"), i("a", {
     href: `${e}/enforcement/information-industry-whistleblowers/`,
     children: "Industry Whistleblowers"
-  }, "whistle"), c("a", {
+  }, "whistle"), i("a", {
     href: `${e}/cfpb-ombudsman/`,
     children: "CFPB Ombudsman"
-  }, "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", {
+  }, "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", {
     "aria-label": "Visit us on Facebook",
-    "data-pretty-href": i,
-    href: i,
-    children: c(T, {
+    "data-pretty-href": c,
+    href: c,
+    children: i(C, {
       name: "facebook",
       isPresentational: !0,
       withBg: !0
     })
-  }, "facebook"), c("a", {
+  }, "facebook"), i("a", {
     "aria-label": "Visit us on Twitter",
     "data-pretty-href": r,
     href: r,
-    children: c(T, {
+    children: i(C, {
       name: "x",
       isPresentational: !0,
       withBg: !0
     })
-  }, "twitter"), c("a", {
+  }, "twitter"), i("a", {
     "aria-label": "Visit us on LinkedIn",
     "data-pretty-href": n,
     href: n,
-    children: c(T, {
+    children: i(C, {
       name: "linkedin",
       isPresentational: !0,
       withBg: !0
     })
-  }, "linkedin"), c("a", {
+  }, "linkedin"), i("a", {
     "aria-label": "Visit us on YouTube",
     "data-pretty-href": p,
     href: p,
-    children: c(T, {
+    children: i(C, {
       name: "youtube",
       alt: "Visit us on YouTube",
       isPresentational: !0,
       withBg: !0
     })
-  }, "youtube"), c("a", {
+  }, "youtube"), i("a", {
     "aria-label": "Visit us on Flickr",
     "data-pretty-href": d,
     href: d,
-    children: c(T, {
+    children: i(C, {
       name: "flickr",
       alt: "Visit us on Flickr",
       isPresentational: !0,
       withBg: !0
     })
-  }, "flickr")], a = [c("a", {
+  }, "flickr")], a = [i("a", {
     href: `${e}/foia-requests/`,
     children: "FOIA"
-  }, "foia"), c("a", {
+  }, "foia"), i("a", {
     href: `${e}/privacy/`,
     children: "Privacy"
-  }, "privacy"), c("a", {
+  }, "privacy"), i("a", {
     href: `${e}/privacy/website-privacy-policy/`,
     children: "Website Privacy Policy & Legal Notices"
-  }, "privacy-policy"), c("a", {
+  }, "privacy-policy"), i("a", {
     href: `${e}/data/`,
     children: "Data"
-  }, "data"), c("a", {
+  }, "data"), i("a", {
     href: `${e}/open-government/`,
     children: "Open Government"
-  }, "open-government"), c("a", {
+  }, "open-government"), i("a", {
     href: `${e}/open-government/information-quality-guidelines/`,
     children: "Information Quality Guidelines"
-  }, "info-quality")], u = [c("a", {
+  }, "info-quality")], f = [i("a", {
     href: `${e}/about-us/diversity-and-inclusion/`,
     children: "Diversity & Inclusion"
-  }, "dei"), c("a", {
+  }, "dei"), i("a", {
     href: `${e}/administrative-adjudication-proceedings/`,
     children: "Administrative Adjudication"
-  }, "adjudication"), c("a", {
+  }, "adjudication"), i("a", {
     href: `${e}/plain-writing/`,
     children: "Plain Writing"
-  }, "writing"), c("a", {
+  }, "writing"), i("a", {
     href: `${e}/accessibility/`,
     children: "Accessibility"
-  }, "accessibility"), c("a", {
+  }, "accessibility"), i("a", {
     href: `${e}/office-civil-rights/`,
     children: "Office of Civil Rights"
-  }, "civ-rights"), c("a", {
+  }, "civ-rights"), i("a", {
     href: `${e}/office-civil-rights/no-fear-act-cummings-act/`,
     children: "No FEAR Act & Cummings Act"
-  }, "no-fear"), c("a", {
+  }, "no-fear"), i("a", {
     href: `${e}/tribal/`,
     children: "Tribal"
   }, "tribal")], b = [v("a", {
     className: "a-link a-link--icon",
     href: "https://usa.gov/",
-    children: [c("span", {
+    children: [i("span", {
       className: "a-link__text",
       children: "USA.gov"
-    }), " ", c(T, {
+    }), " ", i(C, {
       ariaLabel: "External link",
       name: "external-link",
       alt: "External link"
@@ -1246,75 +1277,75 @@ const Xn = ({ 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: [c("span", {
+    children: [i("span", {
       className: "a-link__text",
       children: "Office of Inspector General"
-    }), " ", c(T, {
+    }), " ", i(C, {
       ariaLabel: "External link",
       name: "external-link",
       alt: "External link"
     })]
   }, "inspector")];
-  return c(en, {
+  return i(en, {
     ...o,
     className: s,
     navLinks: t,
     socialLinks: l,
     linksCol1: a,
-    linksCol2: u,
+    linksCol2: f,
     linksCol3: b
   });
 };
 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 i = ["col", `col-${e}`, o];
-  return c("div", {
-    className: w(i),
+  const c = ["col", `col-${e}`, o];
+  return i("div", {
+    className: w(c),
     role: "gridcell",
     ...t,
     children: s
   });
 }
 function nn({ children: e, className: s, ...o }) {
-  return c("div", {
+  return i("div", {
     className: w(["row", s]),
     role: "row",
     ...o,
     children: e
   });
 }
-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", {
+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", {
     className: w(r),
     role: "grid",
     ...n,
     children: e
   });
 }
-const Jn = {
+const eo = {
   Column: sn,
   Row: nn,
   Width: Pe,
   Wrapper: on
 }, Ee = ({ type: e = "1", children: s, className: o, ...t }) => {
-  let i;
+  let c;
   const n = [o];
-  return e === "slug" ? (n.push("m-slug-header"), c("header", {
+  return e === "slug" ? (n.push("m-slug-header"), i("header", {
     className: w(n),
     ...t,
-    children: c("h2", {
+    children: i("h2", {
       className: "m-slug-header_heading",
       children: s
     })
-  })) : (e === "display" ? (i = "h1", n.push("superheading")) : e === "eyebrow" ? (i = "div", n.push("h5 eyebrow")) : i = `h${e}`, c(i, {
+  })) : (e === "display" ? (c = "h1", n.push("superheading")) : e === "eyebrow" ? (c = "div", n.push("h5 eyebrow")) : c = `h${e}`, i(c, {
     ...t,
     className: w(n),
     children: s
   }));
-}, tn = ({ image: e, altText: s }) => e ? c("div", {
+}, tn = ({ image: e, altText: s }) => e ? i("div", {
   className: "m-hero__image-wrapper",
-  children: c("img", {
+  children: i("img", {
     src: e,
     alt: s,
     className: "m-hero__image"
@@ -1337,14 +1368,14 @@ const Jn = {
       );`);
   }, [o, e, s]), o;
 };
-function eo({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t, imageAltText: i = "hero image", imageIsPhoto: n, is5050: r, isJumbo: p, isKnockout: d, subheading: l, subheadingLevel: a = "p", textColor: u, className: b, ...h }) {
-  const _ = cn(t, n ?? p ?? r), N = {
+function so({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t, imageAltText: c = "hero image", imageIsPhoto: n, is5050: r, isJumbo: p, isKnockout: d, subheading: l, subheadingLevel: a = "p", textColor: f, className: b, ...g }) {
+  const _ = cn(t, n ?? p ?? r), L = {
     backgroundColor: e
-  }, x = {
-    color: u
-  }, k = ["m-hero", b];
-  p && k.push("m-hero--jumbo"), r && k.push("m-hero--50-50"), d && k.push("m-hero--knockout"), n && k.push("m-hero--overlay");
-  const B = {
+  }, k = {
+    color: f
+  }, x = ["m-hero", b];
+  p && x.push("m-hero--jumbo"), r && x.push("m-hero--50-50"), d && x.push("m-hero--knockout"), n && x.push("m-hero--overlay");
+  const O = {
     h1: "1",
     h2: "2",
     h3: "3",
@@ -1354,92 +1385,92 @@ function eo({ backgroundColor: e, heading: s, headingLevel: o = "h1", image: t,
     eyebrow: "eyebrow",
     slug: "slug"
   };
-  return c("div", {
-    className: w(k),
-    style: N,
-    ...h,
+  return i("div", {
+    className: w(x),
+    style: L,
+    ...g,
     children: v("div", {
       className: "m-hero__wrapper",
       ref: _,
       children: [v("div", {
         className: "m-hero__text",
-        style: x,
-        children: [c(Ee, {
+        style: k,
+        children: [i(Ee, {
           className: "m-hero__heading",
-          type: B[o],
+          type: O[o],
           children: s
-        }), a === "p" ? c("p", {
+        }), a === "p" ? i("p", {
           className: "m-hero__subhead",
           children: l
-        }) : c(Ee, {
+        }) : i(Ee, {
           className: "m-hero__subhead",
-          type: B[a],
+          type: O[a],
           children: l
         })]
-      }), c(tn, {
+      }), i(tn, {
         image: t,
-        altText: i
+        altText: c
       })]
     })
   });
 }
-const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...i }) => {
+const rn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...c }) => {
   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"), c("div", {
+  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", {
     className: w(n),
-    ...i,
+    ...c,
     children: e
   });
 }, pn = ({ children: e, classes: s = "", id: o = "main", layout: t = "2-1" }) => {
-  const i = ["content", `content--${t}`, s];
-  return c("main", {
+  const c = ["content", `content--${t}`, s];
+  return i("main", {
     id: o,
-    className: w(i),
+    className: w(c),
     role: "main",
     children: e
   });
-}, dn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...i }) => {
+}, dn = ({ children: e, flushBottom: s, flushTopOnSmall: o, flushAllOnSmall: t, ...c }) => {
   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"), c("aside", {
+  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", {
     className: w(n),
-    ...i,
+    ...c,
     children: e
   });
-}, an = ({ children: e, ...s }) => c("div", {
+}, an = ({ children: e, ...s }) => i("div", {
   className: "wrapper",
   ...s,
   children: e
-}), so = {
+}), no = {
   Content: rn,
   Main: pn,
   Sidebar: dn,
   Wrapper: an
 }, ln = "data:image/png;base64,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";
 function Ue({ href: e = "https://www.consumerfinance.gov" }) {
-  return c(re, {
+  return i(re, {
     href: e,
     title: "Home",
     "aria-label": "Home",
     className: "o-header__logo",
-    children: c("img", {
+    children: i("img", {
       className: "o-header__logo-img",
       src: ln,
       alt: "CFPB Logo"
     })
   });
 }
-const mn = ({ elements: e, onLinkClick: s }) => e?.length ? c("div", {
+const mn = ({ elements: e, onLinkClick: s }) => e?.length ? i("div", {
   className: "links",
   children: e.map((o, t) => se.isValidElement(o) ? se.cloneElement(o, {
     ...o.props,
     key: o.key ?? t,
-    onClick: (i) => {
-      o.props.onClick && o.props.onClick(i), s();
+    onClick: (c) => {
+      o.props.onClick && o.props.onClick(c), s();
     }
   }) : o)
 }) : null;
 function fn({ links: e, href: s }) {
-  const [o, t] = ae(!1), i = () => {
+  const [o, t] = ae(!1), c = () => {
     t(!o);
   }, n = () => {
     t(!1);
@@ -1447,97 +1478,96 @@ function fn({ links: e, href: s }) {
     p.key === "Escape" && t(!1);
   }, []);
   return e?.length ? v(ne, {
-    children: [o ? c("div", {
+    children: [o ? i("div", {
       className: "menu-overlay open",
-      onClick: i,
+      onClick: c,
       onKeyDown: r,
       tabIndex: 0,
       role: "button",
       "aria-label": "Close menu"
-    }) : null, c("div", {
+    }) : null, i("div", {
       className: "o-header__content",
       children: v("div", {
         className: "navbar wrapper wrapper--match-content",
         children: [v("button", {
           className: "menu-toggle",
-          onClick: i,
+          onClick: c,
           "aria-expanded": o,
           "aria-controls": "nav-links",
           type: "button",
-          children: [c(T, {
+          children: [i(C, {
             name: o ? "error" : "menu"
-          }), c("span", {
+          }), i("span", {
             className: "sr-only",
             children: o ? "Close menu" : "Open menu"
           })]
-        }), c(Ue, {
+        }), i(Ue, {
           href: s
-        }), c("nav", {
+        }), i("nav", {
           className: `nav-items ${o ? "open" : ""}`,
           id: "nav-links",
-          children: c(mn, {
+          children: i(mn, {
             elements: e,
             onLinkClick: n
           })
         })]
       })
     })]
-  }) : c("div", {
+  }) : i("div", {
     className: "o-header__content",
-    children: c("div", {
+    children: i("div", {
       className: "navbar wrapper wrapper--match-content",
-      children: c(Ue, {
+      children: i(Ue, {
         href: s
       })
     })
   });
 }
-c(re, {
+i(re, {
   href: "/",
   label: "Home"
-}, "home"), c(re, {
+}, "home"), i(re, {
   className: "nav-item active",
   href: "/filing",
   label: "Filing"
-}, "filing"), c(re, {
+}, "filing"), i(re, {
   className: "nav-item profile",
   href: "/profile",
   label: "John Sample"
-}, "profile"), c(de, {
+}, "profile"), i(de, {
   label: "Log Out",
-  asLink: !0,
+  isLink: !0,
   onClick: () => {
   }
 }, "logout");
-function no({ links: e, href: s, withBottomBorder: o = !0 }) {
+const oo = ({ links: e, href: s, withBottomBorder: o = !0 }) => {
   const t = ["o-header"];
   return o && t.push("bottom-border"), v("header", {
     className: w(t),
-    children: [c(Ts, {
+    children: [i(Ts, {
       tagline: "An official website of the United States government"
-    }), c(fn, {
+    }), i(fn, {
       links: e,
       href: s
     })]
   });
-}
-const V = () => null, j = 1, os = 20, un = () => c(de, {
-  asLink: !0,
+}, V = () => null, j = 1, os = 20, un = () => i(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 i = (r) => {
+  const c = (r) => {
     t(Number.parseInt(r.currentTarget.value, 10));
   }, n = `${e}-pagination_current-page`;
   return v("label", {
     className: "m-pagination__label",
     htmlFor: n,
-    children: ["Page", c("span", {
+    children: ["Page", i("span", {
       className: "u-visually-hidden",
       children: `number ${s} out`
-    }), c("input", {
+    }), i("input", {
       className: "m-pagination__current-page",
       id: n,
       name: "page",
@@ -1547,47 +1577,47 @@ const V = () => null, j = 1, os = 20, un = () => c(de, {
       pattern: "[0-9]*",
       inputMode: "numeric",
       value: s,
-      onChange: i
+      onChange: c
     }), `of ${o}`]
   });
-}, gn = ({ tableId: e, page: s, pageCount: o, onClickPrevious: t = V, onClickNext: i = V, onClickGo: n = V, previousLabel: r = "Previous", nextLabel: p = "Next" }) => {
+}, gn = ({ tableId: e, page: s, pageCount: o, onClickPrevious: t = V, onClickNext: c = V, onClickGo: n = V, previousLabel: r = "Previous", nextLabel: p = "Next" }) => {
   const [d, l] = ae(s);
   Q(() => l(s), [s]);
-  const a = (h) => {
-    h.preventDefault();
-    const y = Object.fromEntries(new FormData(h.currentTarget)), _ = Number.parseInt(y.page, 10);
+  const a = (g) => {
+    g.preventDefault();
+    const y = Object.fromEntries(new FormData(g.currentTarget)), _ = Number.parseInt(y.page, 10);
     _ !== s && n(_);
-  }, u = Je(), b = l;
+  }, f = Je(), b = l;
   return v("nav", {
     className: "m-pagination",
     role: "navigation",
     "aria-label": "Pagination",
-    children: [c(de, {
+    children: [i(de, {
       iconLeft: "left",
       className: `m-pagination__btn-prev${s === j ? " a-btn--disabled" : ""}`,
       onClick: t,
       label: r,
       disabled: s === j
-    }), c(de, {
+    }), i(de, {
       iconRight: "right",
       className: `m-pagination__btn-next${s === o ? " a-btn--disabled" : ""}`,
-      onClick: i,
+      onClick: c,
       label: p,
       disabled: s === o
     }), v("form", {
       className: "m-pagination__form",
       action: "#pagination_content",
       onSubmit: a,
-      children: [c(bn, {
-        tableId: e ?? u,
+      children: [i(bn, {
+        tableId: e ?? f,
         page: d,
         pageCount: o,
         onChange: b
-      }), c(un, {})]
+      }), i(un, {})]
     })]
   });
 }, 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));
+  const c = o.length, n = Math.max(Math.ceil(c / t), j), r = e && c > t, [p, d] = ae(Math.min(s, n));
   Q(() => {
     d(Math.min(p, n));
   }, [p, n, t]);
@@ -1599,40 +1629,40 @@ const V = () => null, j = 1, os = 20, un = () => c(de, {
     onClickGo: V
   };
   if (!e || !r) return [o, l];
-  const a = p - Ve, u = {
+  const a = p - Ve, f = {
     page: p,
     pageCount: n,
     onClickNext: () => d(Math.min(p + Ve, n)),
     onClickPrevious: () => d(Math.max(a, j)),
     onClickGo: (_) => d(_)
-  }, b = a * t, h = a * t + t;
-  return [o.slice(b, h), u];
+  }, b = a * t, g = a * t + t;
+  return [o.slice(b, g), f];
 };
 function Re({ children: e, isLead: s, className: o, ...t }) {
-  const i = [o];
-  return s && i.push("lead-paragraph"), c("p", {
+  const c = [o];
+  return s && c.push("lead-paragraph"), i("p", {
     ...t,
-    className: w(i),
+    className: w(c),
     children: e
   });
 }
-const vn = ["a-radio"], _n = ["m-form-field m-form-field--radio"], oo = ({ id: e, name: s, helperText: o, className: t, disabled: i = !1, isLarge: n = !1, labelClassName: r, labelInline: p = !0, label: d, inputRef: l, ...a }) => {
-  const u = [...vn, t].join(" "), b = [..._n, n ? "m-form-field--lg-target" : ""].join(" ");
+const vn = ["a-radio"], _n = ["m-form-field m-form-field--radio"], to = ({ id: e, name: s, helperText: o, className: t, disabled: c = !1, isLarge: n = !1, labelClassName: r, isLabelInline: p = !0, label: d, inputRef: l, ...a }) => {
+  const f = [...vn, t].join(" "), b = [..._n, n ? "m-form-field--lg-target" : ""].join(" ");
   return v("div", {
     className: b,
-    children: [c("input", {
+    children: [i("input", {
       id: e,
       type: "radio",
       name: s ?? e,
-      className: u,
+      className: f,
       ref: l,
-      disabled: i,
+      disabled: c,
       ...a
     }), v(ns, {
       htmlFor: e,
       className: r,
-      inline: p,
-      children: [d, c(ss, {
+      isInline: p,
+      children: [d, i(ss, {
         children: o
       })]
     })]
@@ -1647,70 +1677,70 @@ function wn(e, s) {
   return RegExp(En(s.trim()), "i").test(e);
 }
 function Sn(e, s, o) {
-  const t = e, i = s, n = o?.maxSelections || ts;
+  const t = e, c = s, n = o?.maxSelections || ts;
   let r = [], p = [], d = [], l = [], a = -1;
-  function u(S) {
-    return i + "-" + S.value.trim().replace(/\s+/g, "-").toLowerCase();
+  function f(S) {
+    return c + "-" + S.value.trim().replace(/\s+/g, "-").toLowerCase();
   }
   function b() {
     return p.length >= n;
   }
-  function h(S) {
+  function g(S) {
     let A;
-    const O = [];
-    let L = !1;
-    for (let H = 0, D = S.length; H < D; H++)
-      A = S[H], L = b() ? !1 : A.defaultSelected, O.push({
-        id: u(A),
+    const B = [];
+    let N = !1;
+    for (let M = 0, D = S.length; M < D; M++)
+      A = S[M], N = b() ? !1 : A.defaultSelected, B.push({
+        id: f(A),
         value: A.value,
         text: A.text,
-        checked: L
-      }), L && p.push(H);
-    return O;
+        checked: N
+      }), N && p.push(M);
+    return B;
   }
   function y() {
-    return r = h(t), this;
+    return r = g(t), this;
   }
   function _(S) {
     return r[S].checked = !r[S].checked, p.length < n && r[S].checked ? (p.push(S), p.sort(), !0) : (r[S].checked = !1, p = p.filter(function(A) {
       return A !== S;
     }), !1);
   }
-  function N(S, A, O, L) {
-    return wn(A.text, L) && S.push(O), S;
+  function L(S, A, B, N) {
+    return wn(A.text, N) && S.push(B), S;
   }
-  function x(S) {
-    return Object.prototype.toString.call(S) !== "[object String]" && (S = ""), l = d, r.length > 0 && (d = r.reduce(function(A, O, L) {
-      return N(A, O, L, S);
+  function k(S) {
+    return Object.prototype.toString.call(S) !== "[object String]" && (S = ""), l = d, r.length > 0 && (d = r.reduce(function(A, B, N) {
+      return L(A, B, N, S);
     }, [])), a = -1, d;
   }
-  function k(S) {
+  function x(S) {
     return r[S];
   }
-  function B(S) {
-    const A = d.length, O = A === 0 ? r.length : A;
-    S < 0 ? a = -1 : S >= O ? a = O - 1 : a = S;
+  function O(S) {
+    const A = d.length, B = A === 0 ? r.length : A;
+    S < 0 ? a = -1 : S >= B ? a = B - 1 : a = S;
   }
-  function M() {
+  function H() {
     return a;
   }
   return this.init = y, this.toggleOption = _, this.getSelectedIndices = function() {
     return p;
-  }, this.isAtMaxSelections = b, this.filterIndices = x, this.clearFilter = function() {
+  }, this.isAtMaxSelections = b, this.filterIndices = k, this.clearFilter = function() {
     return d = l = [], yn;
   }, this.getFilterIndices = function() {
     return d;
   }, this.getLastFilterIndices = function() {
     return l;
-  }, this.getIndex = M, this.setIndex = B, this.resetIndex = function() {
+  }, this.getIndex = H, this.setIndex = O, this.resetIndex = function() {
     return a = -1, a;
-  }, this.getOption = k, this;
+  }, this.getOption = x, this;
 }
 function F(e, s, o) {
   const t = document.createElement(e);
-  return Object.keys(o).forEach((i) => {
-    const n = o[i];
-    i in t ? t[i] = n : t.setAttribute(i, n);
+  return Object.keys(o).forEach((c) => {
+    const n = o[c];
+    c in t ? t[c] = n : t.setAttribute(c, 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 = {
@@ -1722,34 +1752,34 @@ const Ln = '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf
 };
 function we(e) {
   e.classList.add(P);
-  let s = le(e, P), o = !1, t, i, n, r, p, d, l, a, u, b, h;
+  let s = le(e, P), o = !1, t, c, n, r, p, d, l, a, f, b, g;
   const y = [];
   let _;
-  function N() {
-    h.classList.remove("u-no-results"), h.classList.add("u-filtered");
+  function L() {
+    g.classList.remove("u-no-results"), g.classList.add("u-filtered");
     let m = n.getLastFilterIndices();
-    for (let f = 0, g = m.length; f < g; f++)
-      y[m[f]].classList.remove("u-filter-match");
+    for (let u = 0, h = m.length; u < h; u++)
+      y[m[u]].classList.remove("u-filter-match");
     m = n.getFilterIndices();
-    for (let f = 0, g = m.length; f < g; f++)
-      y[m[f]].classList.add("u-filter-match");
+    for (let u = 0, h = m.length; u < h; u++)
+      y[m[u]].classList.add("u-filter-match");
   }
-  function x() {
-    h.classList.remove("u-filtered", "u-no-results");
-    for (let m = 0, f = h.children.length; m < f; m++)
-      h.children[m].classList.remove("u-filter-match");
+  function k() {
+    g.classList.remove("u-filtered", "u-no-results");
+    for (let m = 0, u = g.children.length; m < u; m++)
+      g.children[m].classList.remove("u-filter-match");
     n.clearFilter();
   }
-  function k() {
-    h.classList.add("u-no-results"), h.classList.remove("u-filtered");
+  function x() {
+    g.classList.add("u-no-results"), g.classList.remove("u-filtered");
   }
-  function B(m) {
-    return m.length > 0 ? (N(), !0) : (k(), !1);
+  function O(m) {
+    return m.length > 0 ? (L(), !0) : (x(), !1);
   }
-  function M(m) {
-    x(), n.resetIndex();
-    const f = n.filterIndices(m);
-    B(f);
+  function H(m) {
+    k(), n.resetIndex();
+    const u = n.filterIndices(m);
+    O(u);
   }
   function S() {
     return d.classList.add("u-active"), b.classList.remove("u-invisible"), b.setAttribute("aria-hidden", !1), _.dispatchEvent("expandbegin", { target: _ }), _;
@@ -1757,108 +1787,108 @@ function we(e) {
   function A() {
     return d.classList.remove("u-active"), b.classList.add("u-invisible"), b.setAttribute("aria-hidden", !0), n.resetIndex(), _.dispatchEvent("collapsebegin", { target: _ }), _;
   }
-  function O(m) {
+  function B(m) {
     m === ge ? n.setIndex(n.getIndex() + 1) : m === Qe && n.setIndex(n.getIndex() - 1);
-    const f = n.getIndex();
-    if (f > -1) {
-      let g = f;
+    const u = n.getIndex();
+    if (u > -1) {
+      let h = u;
       const E = n.getFilterIndices();
-      E.length > 0 && (g = E[f]);
-      const $ = n.getOption(g).value, ps = h.querySelector('[data-option="' + $ + '"]').querySelector("input");
+      E.length > 0 && (h = E[u]);
+      const $ = n.getOption(h).value, ps = g.querySelector('[data-option="' + $ + '"]').querySelector("input");
       o = !0, ps.focus();
     } else
-      o = !1, u.focus();
+      o = !1, f.focus();
   }
-  function L() {
-    u.value = "", x();
+  function N() {
+    f.value = "", k();
   }
-  function H(m) {
-    const f = m.target;
-    f.tagName === "BUTTON" && (m.preventDefault(), f.removeEventListener("click", H), f.querySelector("label").click());
+  function M(m) {
+    const u = m.target;
+    u.tagName === "BUTTON" && (m.preventDefault(), u.removeEventListener("click", M), u.querySelector("label").click());
   }
   function D(m) {
     if (m.key === An || m.key === Be) {
-      const f = m.target.querySelector("label");
-      h.querySelector(
-        "#" + f.getAttribute("for")
+      const u = m.target.querySelector("label");
+      g.querySelector(
+        "#" + u.getAttribute("for")
       ).click();
     }
   }
   function q(m) {
     return t + "-" + m.value.trim().replace(/[^\w]/g, "-").toLowerCase();
   }
-  function z(m, f) {
-    const g = q(f), E = F("li", null, {
-      "data-option": f.value
-    }), C = F("button", E, {
+  function z(m, u) {
+    const h = q(u), E = F("li", null, {
+      "data-option": u.value
+    }), T = F("button", E, {
       type: "button",
       class: "a-tag-filter",
-      innerHTML: "<label for=" + g + ">" + f.text + Nn + "</label>"
+      innerHTML: "<label for=" + h + ">" + u.text + Nn + "</label>"
     });
-    m.appendChild(E), C.addEventListener("click", H), C.addEventListener(
+    m.appendChild(E), T.addEventListener("click", M), T.addEventListener(
       "keydown",
       D
     );
   }
   function fe(m) {
-    const f = n.getOption(m) || n.getOption(n.getIndex());
-    if (f) {
-      if (f.checked) {
-        h.classList.contains("u-max-selections") && h.classList.remove("u-max-selections");
-        const g = '[data-option="' + f.value + '"]', E = l.querySelector(g);
+    const u = n.getOption(m) || n.getOption(n.getIndex());
+    if (u) {
+      if (u.checked) {
+        g.classList.contains("u-max-selections") && g.classList.remove("u-max-selections");
+        const h = '[data-option="' + u.value + '"]', E = l.querySelector(h);
         typeof E < "u" && E && l?.removeChild(E);
-      } else p?.renderTags && l && z(l, f);
-      n.toggleOption(m), n.isAtMaxSelections() && h.classList.add("u-max-selections"), _.dispatchEvent("selectionsupdated", { target: _ });
+      } else p?.renderTags && l && z(l, u);
+      n.toggleOption(m), n.isAtMaxSelections() && g.classList.add("u-max-selections"), _.dispatchEvent("selectionsupdated", { target: _ });
     }
-    n.resetIndex(), o = !1, b.getAttribute("aria-hidden") === "false" && u.focus();
+    n.resetIndex(), o = !1, b.getAttribute("aria-hidden") === "false" && f.focus();
   }
   function ke(m) {
-    fe(Number(m.target.getAttribute("data-index"))), L();
+    fe(Number(m.target.getAttribute("data-index"))), N();
   }
   function Ae() {
-    a.addEventListener("mousemove", function(g) {
-      const E = g.target;
-      g.offsetX > E.offsetWidth - 35 ? E.style.cursor = "pointer" : E.style.cursor = "auto";
-    }), a.addEventListener("mouseup", function(g) {
-      const E = g.target;
-      g.offsetX > E.offsetWidth - 35 && b.offsetHeight === 140 && u.blur();
-    }), u.addEventListener("input", function() {
-      M(this.value);
-    }), u.addEventListener("focus", function() {
+    a.addEventListener("mousemove", function(h) {
+      const E = h.target;
+      h.offsetX > E.offsetWidth - 35 ? E.style.cursor = "pointer" : E.style.cursor = "auto";
+    }), a.addEventListener("mouseup", function(h) {
+      const E = h.target;
+      h.offsetX > E.offsetWidth - 35 && b.offsetHeight === 140 && f.blur();
+    }), f.addEventListener("input", function() {
+      H(this.value);
+    }), f.addEventListener("focus", function() {
       b.getAttribute("aria-hidden") === "true" && S();
-    }), u.addEventListener("blur", function() {
+    }), f.addEventListener("blur", function() {
       !o && b.getAttribute("aria-hidden") === "false" && A();
-    }), u.addEventListener("keydown", function(g) {
-      const E = g.key;
-      b.getAttribute("aria-hidden") === "true" && E !== Ze && S(), E === Be ? (g.preventDefault(), O(ge)) : E === je ? (L(), A()) : E === Ye ? O(ge) : E === Ze && !g.shiftKey && b.getAttribute("aria-hidden") === "false" && A();
-    }), h.addEventListener("mousedown", function() {
+    }), f.addEventListener("keydown", function(h) {
+      const E = h.key;
+      b.getAttribute("aria-hidden") === "true" && E !== Ze && S(), E === Be ? (h.preventDefault(), B(ge)) : E === je ? (N(), A()) : E === Ye ? B(ge) : E === Ze && !h.shiftKey && b.getAttribute("aria-hidden") === "false" && A();
+    }), g.addEventListener("mousedown", function() {
       o = !0;
-    }), h.addEventListener("keydown", function(g) {
-      const E = g.key, C = g.target, $ = C.checked;
+    }), g.addEventListener("keydown", function(h) {
+      const E = h.key, T = h.target, $ = T.checked;
       if (E === Be) {
-        g.preventDefault(), C.checked = !$;
+        h.preventDefault(), T.checked = !$;
         const R = new Event("change", { bubbles: !1, cancelable: !0 });
-        C.dispatchEvent(R);
-      } else E === je ? (u.focus(), A()) : E === Cn ? O(Qe) : E === Ye && O(ge);
-    }), b.addEventListener("mousedown", function(g) {
-      g.target.tagName === "LABEL" && (o = !0);
+        T.dispatchEvent(R);
+      } else E === je ? (f.focus(), A()) : E === Cn ? B(Qe) : E === Ye && B(ge);
+    }), b.addEventListener("mousedown", function(h) {
+      h.target.tagName === "LABEL" && (o = !0);
     });
-    const m = h.querySelectorAll("input");
-    for (let g = 0, E = m.length; g < E; g++)
-      m[g].addEventListener("change", ke);
-    const f = l.querySelectorAll("button");
-    for (let g = 0, E = f.length; g < E; g++)
-      f[g].addEventListener("click", H), f[g].addEventListener("keydown", D);
+    const m = g.querySelectorAll("input");
+    for (let h = 0, E = m.length; h < E; h++)
+      m[h].addEventListener("change", ke);
+    const u = l.querySelectorAll("button");
+    for (let h = 0, E = u.length; h < E; h++)
+      u[h].addEventListener("click", M), u[h].addEventListener("keydown", D);
   }
   function ue() {
     d = document.createElement("div"), d.className = P, l = F("ul", null, {
       className: "m-tag-group"
     }), a = F("header", d, {
       className: P + "__header"
-    }), u = F("input", a, {
+    }), f = F("input", a, {
       className: P + "__search " + kn,
       type: "text",
-      placeholder: i || "Select up to five",
+      placeholder: c || "Select up to five",
       id: s.id,
       autocomplete: "off"
     }), b = F("fieldset", d, {
@@ -1866,31 +1896,31 @@ function we(e) {
       "aria-hidden": "true"
     });
     let m = P + "__options";
-    n.isAtMaxSelections() && (m += " u-max-selections"), h = F("ul", b, {
+    n.isAtMaxSelections() && (m += " u-max-selections"), g = F("ul", b, {
       className: m
     });
-    let f, g, E;
-    for (let C = 0, $ = r.length; C < $; C++) {
-      f = r[C], g = q(f), E = n.getOption(C).checked;
-      const R = F("li", h, {
-        "data-option": f.value,
+    let u, h, E;
+    for (let T = 0, $ = r.length; T < $; T++) {
+      u = r[T], h = q(u), E = n.getOption(T).checked;
+      const R = F("li", g, {
+        "data-option": u.value,
         "data-cy": "multiselect-option",
         class: "m-form-field m-form-field--checkbox"
       });
       F("input", R, {
-        id: g,
+        id: h,
         // Type must come before value or IE fails
         type: "checkbox",
-        value: f.value,
+        value: u.value,
         name: t,
         class: xn + " " + P + "__checkbox",
         checked: E,
-        "data-index": C
+        "data-index": T
       }), F("label", R, {
-        for: g,
-        textContent: f.text,
+        for: h,
+        textContent: u.text,
         className: P + "__label a-label"
-      }), y.push(R), E && p?.renderTags && z(l, f);
+      }), y.push(R), E && p?.renderTags && z(l, u);
     }
     return d.insertBefore(l, a), s.parentNode.insertBefore(d, s), d.appendChild(s), d;
   }
@@ -1899,10 +1929,10 @@ function we(e) {
       return this;
     if (Zs())
       return this;
-    if (_ = this, t = s.name || s.id, i = s.getAttribute("data-placeholder"), r = s.options || [], p = { ...Ke, ...m }, r.length > 0) {
+    if (_ = this, t = s.name || s.id, c = 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, oe(s), Ae();
+      const u = ue();
+      s.parentNode.removeChild(s), s = u, oe(s), Ae();
     }
     return this;
   }
@@ -1911,45 +1941,45 @@ function we(e) {
   }
   this.init = Ce, this.expand = S, this.collapse = A;
   const K = new ce();
-  return this.addEventListener = K.addEventListener, this.removeEventListener = K.removeEventListener, this.dispatchEvent = K.dispatchEvent, this.getModel = Te, this.updateSelections = fe, this.selectionClickHandler = H, this.selectionKeyDownHandler = D, this;
+  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;
 }
 we.BASE_CLASS = P;
 we.init = (e) => me(`.${P}`, we, void 0, e);
 const cs = (e, s) => {
-  const o = e.map(({ value: t, label: i }) => c("option", {
+  const o = e.map(({ value: t, label: c }) => i("option", {
     value: t,
-    children: i
+    children: c
   }, t));
-  return o.length > 0 ? o : [c("option", {
+  return o.length > 0 ? o : [i("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: i = "-- 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: c = "-- select an option --", maxSelections: n = In, ...r }) => {
   const [p, d] = ae([]), l = Xe(null);
   return Q(() => {
-    const u = new we(l.current).init({
+    const f = new we(l.current).init({
       maxSelections: n,
       renderTags: !0
     }), b = () => {
-      const y = u.getModel().getSelectedIndices();
+      const y = f.getModel().getSelectedIndices();
       d([...y]);
-    }, h = "selectionsupdated";
-    return u.addEventListener(h, b), () => u.removeEventListener(h, b);
+    }, g = "selectionsupdated";
+    return f.addEventListener(g, b), () => f.removeEventListener(g, b);
   }, [n]), Q(() => {
-    const a = p.map((u) => ({
-      ...s[u],
+    const a = p.map((f) => ({
+      ...s[f],
       selected: !0
     }));
     t(a);
   }, [p, t, s]), v("div", {
     className: "m-form-field",
     id: `multi-wrapper-${e}`,
-    children: [c("label", {
+    children: [i("label", {
       className: "a-label a-label--heading",
       htmlFor: e,
       children: o
-    }), c("select", {
+    }), i("select", {
       id: e,
       className: "o-multiselect",
       ref: l,
@@ -1957,23 +1987,23 @@ const cs = (e, s) => {
       "data-placeholder": `Select up to ${n}`,
       "data-open": !0,
       ...r,
-      children: cs(s, i)
+      children: cs(s, c)
     })]
   });
-}, Bn = ({ id: e, options: s, label: o, onChange: t = V, maxSelections: i, value: n = "", defaultOptionLabel: r = "-- select an option --", ...p }) => {
+}, Bn = ({ id: e, options: s, label: o, onChange: t = V, maxSelections: c, 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: [c("label", {
+    children: [i("label", {
       className: "a-label a-label--heading",
       htmlFor: e,
       children: o
-    }), c("div", {
+    }), i("div", {
       className: "a-select",
-      children: c("select", {
+      children: i("select", {
         id: e,
         ...p,
         onChange: d,
@@ -1982,55 +2012,55 @@ const cs = (e, s) => {
       })
     })]
   });
-}, to = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? c(On, {
+}, co = ({ isMulti: e = !1, onChange: s = () => null, ...o }) => e ? i(On, {
   onChange: s,
   ...o
-}) : c(Bn, {
+}) : i(Bn, {
   onChange: s,
   ...o
 });
-function co({ href: e = "#main", text: s = "Skip to main content" }) {
-  return c("div", {
+function io({ href: e = "#main", text: s = "Skip to main content" }) {
+  return i("div", {
     className: "skip-nav",
-    children: c("a", {
+    children: i("a", {
       className: "skip-nav__link a-btn",
       href: e,
       children: s
     })
   });
 }
-const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, isMinimal: t = !1, className: i = "", ...n }) => {
+const ro = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, isMinimal: t = !1, className: c = "", ...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];
+  const r = t ? "o-summary-minimal" : "o-summary", p = [r, c];
   return o && p.push(`${r}--mobile`), v("div", {
     className: w(p),
     ...n,
-    children: [c("div", {
+    children: [i("div", {
       className: `${r}__content`,
       children: e
-    }), c("button", {
+    }), i("button", {
       type: "button",
       className: `${r}__btn`,
       children: t ? v(ne, {
         children: [v("span", {
           className: "o-summary-minimal__cue-open",
-          children: ["Show ", c(T, {
+          children: ["Show ", i(C, {
             name: "plus",
             isPresentational: !0,
             withBg: !0
           })]
         }), v("span", {
           className: "o-summary-minimal__cue-close",
-          children: ["Hide ", c(T, {
+          children: ["Hide ", i(C, {
             name: "minus",
             isPresentational: !0,
             withBg: !0
           })]
         })]
       }) : v(ne, {
-        children: [s, c(T, {
+        children: [s, i(C, {
           name: "plus",
           isPresentational: !0,
           withBg: !0
@@ -2038,13 +2068,13 @@ const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
       })
     })]
   });
-}, Hn = (e) => c("thead", {
-  children: c("tr", {
+}, Hn = (e) => i("thead", {
+  children: i("tr", {
     children: e.map((s, o) => {
       let t = "";
-      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),
+      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),
         children: t
       }, n);
     })
@@ -2060,10 +2090,10 @@ const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
     "data-label": e.header,
     className: w(s)
   };
-}, Dn = (e, s) => c("tbody", {
+}, Dn = (e, s) => i("tbody", {
   children: e.map((o, t) => {
-    const i = `row-${t}`;
-    return c("tr", {
+    const c = `row-${t}`;
+    return i("tr", {
       children: o.map((n, r) => {
         const p = s[r], d = `row-${t}-col-${r}`;
         return Ge("td", {
@@ -2071,37 +2101,37 @@ const io = ({ children: e, label: s = "Show full text", isMobileOnly: o = !1, is
           key: d
         }, n);
       })
-    }, i);
+    }, c);
   })
-}), Pn = ({ children: e }) => e ? c("caption", {
+}), Pn = ({ children: e }) => e ? i("caption", {
   children: e
-}) : null, Rn = Se(({ id: e, caption: s, columns: o, rows: t, isResponsive: i = !1, isScrollableHorizontal: n = !1, isStriped: r = !1, isPaginated: p = !1, startPage: d = j, perPage: l = os, className: a, divRef: u, tableRef: b, ...h }, y) => {
-  const [_, N] = hn({
+}) : null, Rn = Se(({ id: e, caption: s, columns: o, rows: t, isResponsive: 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) => {
+  const [_, L] = hn({
     rows: t,
     isPaginated: p,
     startPage: d,
     perPage: l
-  }), x = Je(), k = [];
-  i && k.push("o-table o-table--stack-on-small"), r && k.push("o-table--striped"), p && k.push("u-w100pct"), a && k.push(a);
-  const B = v(ne, {
+  }), k = Je(), x = [];
+  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);
+  const O = v(ne, {
     children: [v("table", {
-      className: w(k),
+      className: w(x),
       ref: b,
-      id: e ?? x,
-      ...h,
-      children: [c(Pn, {
+      id: e ?? k,
+      ...g,
+      children: [i(Pn, {
         children: s
       }), Hn(o), Dn(_, o)]
-    }), p ? c(gn, {
-      ...N,
-      tableId: e ?? x
+    }), p ? i(gn, {
+      ...L,
+      tableId: e ?? k
     }) : null]
   });
-  return n ? c("div", {
+  return n ? i("div", {
     className: "o-table o-table-wrapper--scrolling",
-    ref: y ?? u,
-    children: B
-  }) : B;
+    ref: y ?? f,
+    children: O
+  }) : O;
 });
 Rn.displayName = "Table";
 const Fn = {
@@ -2109,13 +2139,13 @@ const Fn = {
   error: "a-text-input--error",
   warning: "a-text-input--warning",
   info: "a-text-input--info"
-}, is = (e) => Fn[e], ro = Se(({ id: e, className: s = "", status: o = "info", placeholder: t = "Placeholder text", isFullWidth: i = !1, isDisabled: n = !1, onChange: r = V, ...p }, d) => {
-  const l = (u) => {
-    u.preventDefault(), r(u.target.value);
-  }, a = ["a-text-input", is(o), i ? "a-text-input--full" : "", s || ""].filter((u) => u.length);
-  return c("div", {
+}, 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) => {
+  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", {
     className: "m-form-field",
-    children: c("textarea", {
+    children: i("textarea", {
       className: w(a),
       id: e,
       placeholder: t,
@@ -2125,34 +2155,34 @@ const Fn = {
       ...p
     })
   });
-}), po = Se(({ className: e, id: s, inputRef: o, isDisabled: t = !1, name: i, status: n = "info", type: r = "text", isFullWidth: p = !1, ...d }, l) => {
+}), ao = Se(({ className: e, id: s, inputRef: o, isDisabled: t = !1, name: c, 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", {
+  return p ? (a.push("a-text-input--full"), i("div", {
     className: "m-form-field",
-    children: c("input", {
+    children: i("input", {
       className: w(a),
       disabled: t,
       id: s,
-      name: i,
+      name: c,
       type: r,
       ref: l,
       ...d
     })
-  })) : c("input", {
+  })) : i("input", {
     className: w(a),
     disabled: t,
     id: s,
-    name: i,
+    name: c,
     type: r,
     ref: l,
     ...d
   });
-}), rs = (e) => e ? typeof e == "string" ? c(Re, {
+}), rs = (e) => e ? typeof e == "string" ? i(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(te, {
+}) : e : null, Z = ({ heading: e, subheading: s, description: o, callToAction: t, className: c, ...n }) => {
+  const r = ["o-text-introduction", c], p = t && i(te, {
     isLinks: !0,
-    children: c(Le, {
+    children: i(Le, {
       children: as(t, {
         type: "list"
       })
@@ -2161,53 +2191,53 @@ const Fn = {
   return v("div", {
     className: w(r),
     ...n,
-    children: [c(Ee, {
+    children: [i(Ee, {
       type: "1",
       children: e
-    }), c(Re, {
+    }), i(Re, {
       isLead: !0,
       children: s
     }), rs(o), p]
   });
 };
-Z.Container = ({ className: e, children: s, ...o }) => c("div", {
+Z.Container = ({ className: e, children: s, ...o }) => i("div", {
   className: w(["o-text-introduction", e]),
   ...o,
   children: s
 });
-const ao = Z.Container;
-Z.Heading = ({ children: e }) => c(Ee, {
+const lo = Z.Container;
+Z.Heading = ({ children: e }) => i(Ee, {
   type: "1",
   children: e
 });
-const lo = Z.Heading;
+const mo = Z.Heading;
 Z.Description = ({ children: e }) => rs(e);
-const mo = Z.Description;
-Z.Subheading = ({ children: e }) => c(Re, {
+const fo = Z.Description;
+Z.Subheading = ({ children: e }) => i(Re, {
   isLead: !0,
   children: e
 });
-const fo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => c("div", {
+const uo = Z.Subheading, Wn = ({ children: e, className: s = "", ...o }) => i("div", {
   className: `o-well ${s}`,
   ...o,
   children: e
 });
-function uo({ heading: e, headingLevel: s = "h3", links: o, text: t, className: i = "", ...n }) {
+function bo({ heading: e, headingLevel: s = "h3", links: o, text: t, className: c = "", ...n }) {
   const r = [];
   if (o) for (const p of o)
-    r.push(c(Le, {
+    r.push(i(Le, {
       children: p
     }, p.key));
   return v(Wn, {
-    className: i,
+    className: c,
     ...n,
-    children: [e ? c("p", {
+    children: [e ? i("p", {
       className: s,
       children: e
-    }) : null, t ? c("p", {
+    }) : null, t ? i("p", {
       className: "text",
       children: t
-    }) : null, r.length > 0 ? c(te, {
+    }) : null, r.length > 0 ? i(te, {
       isLinks: !0,
       children: r
     }) : null]
@@ -2223,42 +2253,43 @@ export {
   Zn as Checkbox,
   Kn as Divider,
   Gn as Expandable,
-  zn as ExpandableGroup,
+  Xn as ExpandableGroup,
+  zn as Fieldset,
   en as Footer,
-  Xn as FooterCfGov,
-  Jn as Grid,
+  Jn as FooterCfGov,
+  eo as Grid,
+  oo as Header,
   Ee as Heading,
-  eo as Hero,
-  T as Icon,
+  so as Hero,
+  C as Icon,
   ns as Label,
   Qn as LanguageLink,
-  so as Layout,
+  no as Layout,
   re as Link,
   Ls as LinkText,
   te as List,
   Le as ListItem,
   Me as ListItemBuilder,
   Ns as ListLink,
-  no as PageHeader,
   gn as Pagination,
   Re as Paragraph,
-  oo as RadioButton,
+  to as RadioButton,
   fn as ResponsiveMenu,
-  to as Select,
+  co as Select,
   On as SelectMulti,
   Bn as SelectSingle,
-  co as SkipNav,
-  io as Summary,
+  io as SkipNav,
+  ro as Summary,
   Rn as Table,
   As as Tagline,
-  ro as TextArea,
-  po as TextInput,
+  po as TextArea,
+  ao as TextInput,
   Z as TextIntroduction,
-  ao as TextIntroductionContainer,
-  mo as TextIntroductionDescription,
-  lo as TextIntroductionHeading,
-  fo as TextIntroductionSubheading,
+  lo as TextIntroductionContainer,
+  fo as TextIntroductionDescription,
+  mo as TextIntroductionHeading,
+  uo as TextIntroductionSubheading,
   Wn as WellContainer,
-  uo as WellContent,
+  bo as WellContent,
   hn as usePagination
 };