@pnx-mixtape/mxds 0.1.0-rc.5 → 0.1.0-rc.6

package/dist/build/react.js

@@ -1,33 +1,33 @@
 import { n as e, t } from "./chunks/cookie-compliance-CG6x-TcV.js";
-import { l as n, s as r } from "./chunks/utilities-Dd-08SW6.js";
+import { l as n, s as r } from "./chunks/utilities-B9mNRs7V.js";
 import { _ as i, a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x } from "./chunks/enums-BrHxPZZ_.js";
 import { AsTypes as S, ButtonModifiers as C, GlobalAlertTypes as w, HeadingTypes as T, IconRotateModifier as E, InPageAlertTypes as D, MastheadModifier as O, PopoverPlacementModifier as k, SectionModifiers as A, SectionTypes as j } from "@pnx-mixtape/ids-shape";
-import { Fragment as M, cloneElement as ee, createContext as N, isValidElement as te, use as P, useCallback as F, useEffect as I, useId as L, useLayoutEffect as ne, useMemo as R, useRef as z, useState as B, useSyncExternalStore as re } from "react";
+import { Fragment as M, cloneElement as ee, createContext as N, isValidElement as te, use as P, useCallback as F, useContext as ne, useEffect as I, useId as L, useLayoutEffect as re, useMemo as R, useRef as z, useState as B, useSyncExternalStore as ie } from "react";
 import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
 import W from "classnames";
-import { Item as ie, useCheckboxGroupState as ae, useComboBoxState as oe, useDisclosureState as G, useRadioGroupState as se, useToggleState as ce } from "react-stately";
-import { FocusScope as K, useCheckbox as le, useCheckboxGroup as ue, useCheckboxGroupItem as de, useFocusManager as fe, useRadio as pe, useRadioGroup as me } from "react-aria";
-var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
+import { Item as ae, useCheckboxGroupState as oe, useComboBoxState as se, useDisclosureState as G, useRadioGroupState as ce, useToggleState as le } from "react-stately";
+import { FocusScope as K, useCheckbox as ue, useCheckboxGroup as de, useCheckboxGroupItem as fe, useFocusManager as pe, useRadio as me, useRadioGroup as he } from "react-aria";
+var ge = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 	alt: e,
 	...t
-})), ge = () => P(he), _e = ({ children: e, component: t = null }) => /* @__PURE__ */ H(he, {
+})), _e = () => P(ge), ve = ({ children: e, component: t = null }) => /* @__PURE__ */ H(ge, {
 	value: t,
 	children: e
-}), ve = N(({ to: e, children: t, ...n }) => /* @__PURE__ */ H("a", {
+}), ye = N(({ to: e, children: t, ...n }) => /* @__PURE__ */ H("a", {
 	href: e,
 	...n,
 	children: t
-})), ye = () => P(ve), be = ({ children: e, component: t = null }) => /* @__PURE__ */ H(ve, {
+})), be = () => P(ye), xe = ({ children: e, component: t = null }) => /* @__PURE__ */ H(ye, {
 	value: t,
 	children: e
-}), xe = {
+}), Se = {
 	[T.ONE]: "mx-heading--xxl",
 	[T.TWO]: "mx-heading--xl",
 	[T.THREE]: "mx-heading--l",
 	[T.FOUR]: "mx-heading--m",
 	[T.FIVE]: "mx-heading--s"
-}, Se = ({ children: e, as: t = T.TWO, modifiers: n = a, style: i, className: o, id: s, excluded: c, ...l }) => {
-	let u = `${t}`, d = z(null), f = n.map((e) => xe[e]), [p, m] = B(s);
+}, Ce = ({ children: e, as: t = T.TWO, modifiers: n = a, style: i, className: o, id: s, excluded: c, ...l }) => {
+	let u = `${t}`, d = z(null), f = n.map((e) => Se[e]), [p, m] = B(s);
 	return I(() => {
 		!p && d.current && (d.current.id ? m(d.current.id) : m(r(d.current?.textContent)));
 	}, [p, d]), /* @__PURE__ */ H(u, {
@@ -37,10 +37,10 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		...l,
 		children: e
 	});
-}, Ce = ({ children: e, ...t }) => /* @__PURE__ */ H("dl", {
+}, we = ({ children: e, ...t }) => /* @__PURE__ */ H("dl", {
 	...t,
 	children: e
-}), we = ({ title: e, action: t = null, children: n, ...r }) => /* @__PURE__ */ U("div", {
+}), Te = ({ title: e, action: t = null, children: n, ...r }) => /* @__PURE__ */ U("div", {
 	...r,
 	children: [
 		/* @__PURE__ */ H("dt", { children: e }),
@@ -50,12 +50,12 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: t
 		})
 	]
-}), Te = ({ condition: e, children: t, ...n }) => e ? /* @__PURE__ */ H("figure", {
+}), Ee = ({ condition: e, children: t, ...n }) => e ? /* @__PURE__ */ H("figure", {
 	...n,
 	children: t
-}) : /* @__PURE__ */ H(V, { children: t }), Ee = ({ align: e, caption: t, className: n, ...r }) => {
-	let i = ge();
-	return /* @__PURE__ */ U(Te, {
+}) : /* @__PURE__ */ H(V, { children: t }), De = ({ align: e, caption: t, className: n, ...r }) => {
+	let i = _e();
+	return /* @__PURE__ */ U(Ee, {
 		className: W({
 			[`mx-media--${e}`]: e,
 			[n]: n
@@ -64,7 +64,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		children: [/* @__PURE__ */ H(i, { ...r }), t && /* @__PURE__ */ H("figcaption", { children: t })]
 	});
 }, q = ({ to: e, children: t, allyText: n, more: r, external: i, download: a, current: o, className: s = "mx-link", ...c }) => {
-	let l = ye(), u = i ? {
+	let l = be(), u = i ? {
 		target: "_blank",
 		rel: "noopener noreferrer"
 	} : {}, d = L(), f = i || !!n;
@@ -86,14 +86,14 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: [i && "(opens in a new window)", n].filter(Boolean).join(" ")
 		})]
 	});
-}, De = ({ children: e, as: t = x.P, modifier: n = null, className: r = null, ...i }) => {
+}, Oe = ({ children: e, as: t = x.P, modifier: n = null, className: r = null, ...i }) => {
 	let a = `${t}`;
 	return /* @__PURE__ */ H(a, {
 		className: W(n, r),
 		...i,
 		children: e
 	});
-}, Oe = ({ title: e, allow: t = "fullscreen; picture-in-picture; encrypted-media; clipboard-write", allowFullScreen: n = !0, className: r = null, ...i }) => /* @__PURE__ */ H("figure", {
+}, ke = ({ title: e, allow: t = "fullscreen; picture-in-picture; encrypted-media; clipboard-write", allowFullScreen: n = !0, className: r = null, ...i }) => /* @__PURE__ */ H("figure", {
 	className: W("mx-video", r),
 	children: /* @__PURE__ */ H("iframe", {
 		title: e,
@@ -109,7 +109,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		[`mx-icon--size-${a}`]: a
 	}),
 	children: n
-}), ke = ({ children: e, modifiers: t = a, iconStart: n, iconEnd: r, iconOnly: i, className: o, type: s = "button", ...c }) => {
+}), Ae = ({ children: e, modifiers: t = a, iconStart: n, iconEnd: r, iconOnly: i, className: o, type: s = "button", ...c }) => {
 	let l = ["mx-button", o], u = t.map((e) => `mx-button--${e}`);
 	return /* @__PURE__ */ U("button", {
 		className: W([...l, ...u], { "mx-button--icon-only": i }),
@@ -124,7 +124,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			r && /* @__PURE__ */ H(J, { icon: r })
 		]
 	});
-}, Ae = ({ to: e, children: t, modifiers: n = a, iconStart: r, iconEnd: i, iconOnly: o, className: s, ...c }) => {
+}, je = ({ to: e, children: t, modifiers: n = a, iconStart: r, iconEnd: i, iconOnly: o, className: s, ...c }) => {
 	let l = ["mx-button", s], u = n.map((e) => `mx-button--${e}`);
 	return /* @__PURE__ */ U(q, {
 		className: W([...l, ...u], { "mx-button--icon-only": o }),
@@ -136,7 +136,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			i && /* @__PURE__ */ H(J, { icon: i })
 		]
 	});
-}, Y = typeof window > "u" ? I : ne, je = N(null), Me = () => P(je), Ne = ({ children: e, active: t = !1, id: n = null, className: r = "mx-accordion--divided", ...i }) => {
+}, Y = typeof window > "u" ? I : re, Me = N(null), Ne = () => P(Me), Pe = ({ children: e, active: t = !1, id: n = null, className: r = "mx-accordion--divided", ...i }) => {
 	let { isExpanded: a, toggle: o, expand: s } = G({ defaultExpanded: t }), c = L(), l = n || c;
 	Y(() => {
 		typeof window < "u" && window.location.hash && window.location.hash === `#${l}` && s();
@@ -150,7 +150,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		o,
 		l
 	]);
-	return /* @__PURE__ */ H(je, {
+	return /* @__PURE__ */ H(Me, {
 		value: u,
 		children: /* @__PURE__ */ H("div", {
 			className: W("mx-accordion", r),
@@ -159,8 +159,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})
 	});
-}, Pe = ({ children: e, headingLevel: t = null }) => {
-	let { id: n, isExpanded: r, toggle: i } = Me();
+}, Fe = ({ children: e, headingLevel: t = null }) => {
+	let { id: n, isExpanded: r, toggle: i } = Ne();
 	return /* @__PURE__ */ H(t || M, { children: /* @__PURE__ */ H("button", {
 		type: "button",
 		className: "mx-accordion__toggle",
@@ -169,24 +169,24 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		onClick: () => i(),
 		children: e
 	}) });
-}, Fe = [
+}, Ie = [
 	"mx-button",
 	"mx-button--small",
 	"mx-icon",
 	"mx-button--icon-only",
 	"mx-icon--chevron-down"
-], Ie = ({ className: e = Fe }) => /* @__PURE__ */ H("span", {
+], Le = ({ className: e = Ie }) => /* @__PURE__ */ H("span", {
 	className: W(e),
 	"aria-hidden": "true"
-}), Le = ({ children: e }) => {
-	let { id: t, isExpanded: n } = Me();
+}), Re = ({ children: e }) => {
+	let { id: t, isExpanded: n } = Ne();
 	return /* @__PURE__ */ H("section", {
 		"aria-labelledby": t,
 		className: W("mx-accordion__content", "mx-rich-text", "mx-vertical-flow"),
 		inert: !n,
 		children: e
 	});
-}, Re = ({ items: e, title: t, className: n, ...r }) => /* @__PURE__ */ H("nav", {
+}, ze = ({ items: e, title: t, className: n, ...r }) => /* @__PURE__ */ H("nav", {
 	className: W("mx-nav", "mx-nav--breadcrumbs", "mx-nav--inline", n),
 	"aria-label": "You are here",
 	...r,
@@ -201,7 +201,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		"aria-current": "page",
 		children: t
 	}) })] })
-}), ze = ({ children: e, reversed: t = null, block: n = !1, as: r = S.DIV, background: i = null, className: a = null }) => {
+}), Be = ({ children: e, reversed: t = null, block: n = !1, as: r = S.DIV, background: i = null, className: a = null }) => {
 	let o = `${r}`;
 	return /* @__PURE__ */ H(o, {
 		className: "mx-container",
@@ -214,26 +214,26 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})
 	});
-}, Be = ({ children: e }) => /* @__PURE__ */ H("div", {
+}, Ve = ({ children: e }) => /* @__PURE__ */ H("div", {
 	className: W("mx-card__content", "mx-vertical-flow"),
 	children: e
-}), Ve = ({ children: e, skeleton: t = !1 }) => /* @__PURE__ */ U("figure", {
+}), He = ({ children: e, skeleton: t = !1 }) => /* @__PURE__ */ U("figure", {
 	className: W("mx-card__media", "stack"),
 	children: [t && /* @__PURE__ */ H("div", { className: "skeleton skeleton--bg" }), e]
-}), He = ({ children: e, as: t = S.DIV, ...n }) => {
+}), Ue = ({ children: e, as: t = S.DIV, ...n }) => {
 	let r = `${t}`;
 	return /* @__PURE__ */ H(r, {
 		className: W("mx-content-block"),
 		...n,
 		children: e
 	});
-}, Ue = ({ children: e }) => /* @__PURE__ */ H("div", {
+}, We = ({ children: e }) => /* @__PURE__ */ H("div", {
 	className: W("mx-content-block__content", "mx-vertical-flow"),
 	children: e
-}), We = ({ children: e, skeleton: t = !1 }) => /* @__PURE__ */ U("figure", {
+}), Ge = ({ children: e, skeleton: t = !1 }) => /* @__PURE__ */ U("figure", {
 	className: W("mx-content-block__media", "stack"),
 	children: [t && /* @__PURE__ */ H("div", { className: "skeleton skeleton--bg" }), e]
-}), Ge = N(null), Ke = () => P(Ge), qe = () => {}, Je = ({ children: e, open: t = !1, onClose: n = qe, modal: r = !1, fullscreen: i = !1, ...a }) => {
+}), Ke = N(null), qe = () => P(Ke), Je = () => {}, Ye = ({ children: e, open: t = !1, onClose: n = Je, modal: r = !1, fullscreen: i = !1, ...a }) => {
 	let o = z(null), s = F(() => {
 		o.current?.close();
 	}, [o]);
@@ -258,7 +258,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		o,
 		t
 	]);
-	return /* @__PURE__ */ H(Ge, {
+	return /* @__PURE__ */ H(Ke, {
 		value: c,
 		children: /* @__PURE__ */ H("dialog", {
 			ref: o,
@@ -268,19 +268,19 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})
 	});
-}, Ye = ({ children: e, ref: t }) => /* @__PURE__ */ H("div", {
+}, Xe = ({ children: e, ref: t }) => /* @__PURE__ */ H("div", {
 	className: "mx-dialog__content mx-vertical-flow",
 	ref: t,
 	children: e
-}), Xe = () => {
-	let { handleClose: e } = Ke();
+}), Ze = () => {
+	let { handleClose: e } = qe();
 	return /* @__PURE__ */ H("button", {
 		onClick: e,
 		className: "mx-button mx-button--icon-only mx-icon mx-icon--close",
 		type: "button",
 		children: "Close dialog"
 	});
-}, Ze = ({ ref: e = null, levels: t = "h2, h3" }) => {
+}, Qe = ({ ref: e = null, levels: t = "h2, h3" }) => {
 	let [n, i] = B([]);
 	return I(() => {
 		if (typeof window > "u") return;
@@ -296,16 +296,16 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			e.id = o[t].id;
 		});
 	}, [e, t]), { headings: n };
-}, Qe = [T.FOUR], $e = ({ title: e = "On this page", containerRef: t, levels: n }) => {
-	let { headings: r } = Ze({
+}, $e = [T.FOUR], et = ({ title: e = "On this page", containerRef: t, levels: n }) => {
+	let { headings: r } = Qe({
 		ref: t,
 		levels: n
 	});
 	return /* @__PURE__ */ U("nav", {
 		className: "mx-in-page-navigation mx-nav mx-nav--list mx-vertical-flow",
-		children: [/* @__PURE__ */ H(Se, {
+		children: [/* @__PURE__ */ H(Ce, {
 			as: T.TWO,
-			modifiers: Qe,
+			modifiers: $e,
 			children: e
 		}), /* @__PURE__ */ H("ul", { children: r.map(({ level: e, id: t, text: n }) => /* @__PURE__ */ H("li", {
 			className: `mx-in-page-navigation__level--${e}`,
@@ -316,7 +316,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		}, t)) })]
 	});
-}, et = ({ children: e, type: t = D.INFO }) => /* @__PURE__ */ H("div", {
+}, tt = ({ children: e, type: t = D.INFO }) => /* @__PURE__ */ H("div", {
 	className: W("message", {
 		[`message--${t}`]: t,
 		"mx-icon": t,
@@ -326,28 +326,28 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		className: "message__content",
 		children: e
 	})
-}), tt = (e, t) => {
+}), nt = (e, t) => {
 	let n = JSON.stringify(t);
 	window.localStorage.setItem(e, n), window.dispatchEvent(new StorageEvent("storage", {
 		key: e,
 		newValue: n
 	}));
-}, nt = (e) => {
+}, rt = (e) => {
 	window.localStorage.removeItem(e), window.dispatchEvent(new StorageEvent("storage", {
 		key: e,
 		newValue: null
 	}));
-}, rt = () => {
+}, it = () => {
 	throw Error("useLocalStorage is a client-only hook");
-}, it = ({ key: e, initialValue: t }) => {
-	let n = F((e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), []), r = re(n, () => window.localStorage.getItem(e), rt), i = F((t) => {
+}, at = ({ key: e, initialValue: t }) => {
+	let n = F((e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), []), r = ie(n, () => window.localStorage.getItem(e), it), i = F((t) => {
 		try {
 			let n = JSON.parse(r), i = typeof t == "function" ? t(n) : t;
-			i == null ? nt(e) : tt(e, i);
+			i == null ? rt(e) : nt(e, i);
 		} catch {}
 	}, [e, r]);
 	return I(() => {
-		window.localStorage.getItem(e) === null && t !== void 0 && tt(e, t);
+		window.localStorage.getItem(e) === null && t !== void 0 && nt(e, t);
 	}, [e, t]), [r ? (() => {
 		try {
 			return JSON.parse(r);
@@ -355,8 +355,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			return t;
 		}
 	})() : t, i];
-}, at = ({ children: e, id: t, type: n = w.LIGHT, dismissible: r }) => {
-	let i = L(), a = t || i, [o, s] = it({
+}, ot = ({ children: e, id: t, type: n = w.LIGHT, dismissible: r }) => {
+	let i = L(), a = t || i, [o, s] = at({
 		key: a,
 		initialValue: !0
 	}), c = n === w.CRITICAL, l = () => {
@@ -388,19 +388,19 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		className: "mx-legend",
 		children: n
 	}), e]
-}), ot = N(null), st = ({ label: e, children: t, ...n }) => {
-	let r = ae(n), { groupProps: i } = ue(n, r);
+}), st = N(null), ct = ({ label: e, children: t, ...n }) => {
+	let r = oe(n), { groupProps: i } = de(n, r);
 	return /* @__PURE__ */ H(X, {
 		fieldset: !0,
 		...i,
 		legend: e,
-		children: /* @__PURE__ */ H(ot, {
+		children: /* @__PURE__ */ H(st, {
 			value: r,
 			children: t
 		})
 	});
-}, ct = ({ children: e, status: t = h.DEFAULT, className: n = "", ...r }) => {
-	let i = L(), a = z(null), o = P(ot), { inputProps: s } = de(r, o, a), c = W("mx-checkbox", n);
+}, lt = ({ children: e, status: t = h.DEFAULT, className: n = "", ...r }) => {
+	let i = L(), a = z(null), o = P(st), { inputProps: s } = fe(r, o, a), c = W("mx-checkbox", n);
 	return /* @__PURE__ */ U("div", {
 		className: c,
 		children: [/* @__PURE__ */ H("input", {
@@ -413,8 +413,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})]
 	});
-}, lt = ({ children: e, status: t = h.DEFAULT, className: n = "", ...r }) => {
-	let i = L(), a = z(null), o = ce(r), { inputProps: s } = le(r, o, a), c = W("mx-checkbox", n);
+}, ut = ({ children: e, status: t = h.DEFAULT, className: n = "", ...r }) => {
+	let i = L(), a = z(null), o = le(r), { inputProps: s } = ue(r, o, a), c = W("mx-checkbox", n);
 	return /* @__PURE__ */ U("div", {
 		className: c,
 		children: [/* @__PURE__ */ H("input", {
@@ -427,10 +427,10 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})]
 	});
-}, ut = (e) => `help-${e}`, dt = (e) => `status-${e}`, ft = ({ children: e, id: t, status: n = h.DEFAULT }) => {
+}, dt = (e) => `help-${e}`, ft = (e) => `status-${e}`, pt = ({ children: e, id: t, status: n = h.DEFAULT }) => {
 	let r = n !== h.DEFAULT, i = n === h.INVALID ? "alert" : n === h.VALID ? "status" : void 0;
 	return /* @__PURE__ */ H("div", {
-		id: r ? dt(t) : ut(t),
+		id: r ? ft(t) : dt(t),
 		role: i,
 		className: W({
 			"mx-description": n === h.DEFAULT,
@@ -439,26 +439,26 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		}),
 		children: e
 	});
-}, pt = ({ text: e, id: t, required: n }) => /* @__PURE__ */ U("label", {
+}, mt = ({ text: e, id: t, required: n }) => /* @__PURE__ */ U("label", {
 	className: "mx-label",
 	htmlFor: t,
 	children: [e, n && /* @__PURE__ */ H("span", {
 		className: "mx-required",
 		children: "(required)"
 	})]
-}), mt = N(null), ht = ({ label: e, children: t, ...n }) => {
-	let r = se(n), { radioGroupProps: i } = me(n, r);
+}), ht = N(null), gt = ({ label: e, children: t, ...n }) => {
+	let r = ce(n), { radioGroupProps: i } = he(n, r);
 	return /* @__PURE__ */ H(X, {
 		fieldset: !0,
 		...i,
 		legend: e,
-		children: /* @__PURE__ */ H(mt, {
+		children: /* @__PURE__ */ H(ht, {
 			value: r,
 			children: t
 		})
 	});
-}, gt = ({ children: e, status: t = h.DEFAULT, className: n = "", ...r }) => {
-	let i = L(), a = z(null), o = P(mt), { inputProps: s } = pe(r, o, a), c = W("mx-radio", n);
+}, _t = ({ children: e, status: t = h.DEFAULT, className: n = "", ...r }) => {
+	let i = L(), a = z(null), o = P(ht), { inputProps: s } = me(r, o, a), c = W("mx-radio", n);
 	return /* @__PURE__ */ U("div", {
 		className: c,
 		children: [/* @__PURE__ */ H("input", {
@@ -471,11 +471,11 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})]
 	});
-}, _t = ({ label: e, value: t }) => /* @__PURE__ */ H("option", {
+}, vt = ({ label: e, value: t }) => /* @__PURE__ */ H("option", {
 	value: t,
 	children: e
-}), vt = ({ id: e, options: t, label: n = "Select one", status: r = h.DEFAULT, className: i = "", selected: a = "", ...o }) => {
-	let [s, c] = B(a), l = ({ currentTarget: e }) => c(e.value), u = W("mx-input__select", i), d = t.map(({ label: e, value: t }) => /* @__PURE__ */ H(_t, {
+}), yt = ({ id: e, options: t, label: n = "Select one", status: r = h.DEFAULT, className: i = "", selected: a = "", ...o }) => {
+	let [s, c] = B(a), l = ({ currentTarget: e }) => c(e.value), u = W("mx-input__select", i), d = t.map(({ label: e, value: t }) => /* @__PURE__ */ H(vt, {
 		label: e,
 		value: t
 	}, t));
@@ -489,14 +489,14 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		...o,
 		children: [
 			/* @__PURE__ */ H("button", { children: /* @__PURE__ */ H("selectedcontent", {}) }),
-			/* @__PURE__ */ H(_t, {
+			/* @__PURE__ */ H(vt, {
 				label: n,
 				value: ""
 			}),
 			d
 		]
 	});
-}, yt = ({ id: e, required: t = !1, value: n = "", status: r = h.DEFAULT, type: i = "text", name: a = null, className: o = "", ...s }) => {
+}, bt = ({ id: e, required: t = !1, value: n = "", status: r = h.DEFAULT, type: i = "text", name: a = null, className: o = "", ...s }) => {
 	let [c, l] = B(n), u = ({ currentTarget: e }) => l(e.value), d = W("mx-input__text", o);
 	return /* @__PURE__ */ H("input", {
 		className: d,
@@ -510,7 +510,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		"aria-invalid": r === h.INVALID,
 		...s
 	});
-}, bt = ({ id: e, required: t = !1, value: n = "", status: r = h.DEFAULT, name: i = null, className: a = "", ...o }) => {
+}, xt = ({ id: e, required: t = !1, value: n = "", status: r = h.DEFAULT, name: i = null, className: a = "", ...o }) => {
 	let [s, c] = B(n), l = ({ currentTarget: e }) => c(e.value), u = W("mx-input__textarea", a);
 	return /* @__PURE__ */ H("textarea", {
 		className: u,
@@ -523,18 +523,18 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		"aria-invalid": r === h.INVALID,
 		...o
 	});
-}, xt = ({ as: e, children: t, ...n }) => /* @__PURE__ */ H(Se, {
+}, St = ({ as: e, children: t, ...n }) => /* @__PURE__ */ H(Ce, {
 	as: e,
 	className: "mx-title",
 	...n,
 	children: t
-}), St = ({ children: e, ...t }) => /* @__PURE__ */ H("form", {
+}), Ct = ({ children: e, ...t }) => /* @__PURE__ */ H("form", {
 	...t,
 	children: e
-}), Ct = ({ children: e, ordered: t = !1, modifier: n = null, className: r = null }) => /* @__PURE__ */ H(`${t ? "ol" : "ul"}`, {
+}), wt = ({ children: e, ordered: t = !1, modifier: n = null, className: r = null }) => /* @__PURE__ */ H(`${t ? "ol" : "ul"}`, {
 	className: W("mx-list", n, r),
 	children: e
-}), wt = ({ children: e, wrapper: t = !1, container: n = !1, cols: r, width: i, className: a, as: o = S.DIV, ...s }) => {
+}), Tt = ({ children: e, wrapper: t = !1, container: n = !1, cols: r, width: i, className: a, as: o = S.DIV, ...s }) => {
 	let c = `${o}`, l = R(() => r ? Array.isArray(r) ? r.map((e) => `mx-grid--cols-${e}`) : [`mx-grid--cols-${r}`] : [], [r]);
 	return /* @__PURE__ */ H(c, {
 		className: W({
@@ -546,7 +546,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		...s,
 		children: e
 	});
-}, Tt = ({ children: e, header: t, footer: n, masthead: r, mainId: i = "main" }) => /* @__PURE__ */ U("div", {
+}, Et = ({ children: e, header: t, footer: n, masthead: r, mainId: i = "main" }) => /* @__PURE__ */ U("div", {
 	className: "mx-page",
 	children: [
 		r,
@@ -558,7 +558,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		}),
 		n
 	]
-}), Et = ({ condition: e, children: t, ...n }) => e ? /* @__PURE__ */ H("div", {
+}), Dt = ({ condition: e, children: t, ...n }) => e ? /* @__PURE__ */ H("div", {
 	...n,
 	children: t
 }) : /* @__PURE__ */ H(V, { children: t }), Z = ({ children: e, sizes: t, width: n, flow: r, as: i = j.DIV, className: a, background: o, innerClassName: s, containing: c = !1, container: l = !1, ...u }) => {
@@ -574,7 +574,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			[`mx-background--${o}`]: o
 		}),
 		...u,
-		children: /* @__PURE__ */ H(Et, {
+		children: /* @__PURE__ */ H(Dt, {
 			className: W({
 				[s]: s,
 				"mx-container": l
@@ -583,7 +583,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})
 	});
-}, Dt = ({ highlight: e = !1, children: t, className: n, modifier: r, ...i }) => /* @__PURE__ */ H(Z, {
+}, Ot = ({ highlight: e = !1, children: t, className: n, modifier: r, ...i }) => /* @__PURE__ */ H(Z, {
 	className: W("mx-hero-banner", n, {
 		"mx-background--reverse": r === "dark",
 		"mx-background--alt": r === "off-white",
@@ -596,24 +596,24 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		...i,
 		children: t
 	})
-}), Ot = ({ children: e }) => /* @__PURE__ */ H("div", {
+}), kt = ({ children: e }) => /* @__PURE__ */ H("div", {
 	className: W("mx-hero-banner__content", "mx-vertical-flow-flex", "mx-section--xl"),
 	children: e
-}), kt = ({ children: e, hasImg: t = !1 }) => /* @__PURE__ */ H("div", {
+}), At = ({ children: e, hasImg: t = !1 }) => /* @__PURE__ */ H("div", {
 	className: W("mx-hero-banner__aside", {
 		"mx-hero-banner__aside-image": t,
 		"mx-section--xl": !t
 	}),
 	children: e
-}), At = ({ highlight: e = !1, search: t, children: n, modifier: r, aside: i, hasImg: a = !1, ...o }) => /* @__PURE__ */ U(Dt, {
+}), jt = ({ highlight: e = !1, search: t, children: n, modifier: r, aside: i, hasImg: a = !1, ...o }) => /* @__PURE__ */ U(Ot, {
 	modifier: r,
 	highlight: e,
 	...o,
-	children: [/* @__PURE__ */ U(Ot, { children: [n, t] }), i && /* @__PURE__ */ H(kt, {
+	children: [/* @__PURE__ */ U(kt, { children: [n, t] }), i && /* @__PURE__ */ H(At, {
 		hasImg: a,
 		children: i
 	})]
-}), jt = ({ sizes: e, width: t, cols: n, children: r, className: i, innerClassName: a, as: o = j.DIV, containing: s = !1, container: c = !1, ...l }) => {
+}), Mt = ({ sizes: e, width: t, cols: n, children: r, className: i, innerClassName: a, as: o = j.DIV, containing: s = !1, container: c = !1, ...l }) => {
 	let u = `${o === j.LIST ? j.DIV : o}`, d = o === j.LIST ? j.LIST : j.DIV, f = R(() => e ? Array.isArray(e) ? e.map((e) => `mx-section--${e}`) : [`mx-section--${e}`] : [], [e]);
 	return /* @__PURE__ */ H(u, {
 		className: W({
@@ -624,7 +624,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			[`mx-section--${t}`]: t && !s
 		}),
 		...l,
-		children: /* @__PURE__ */ H(wt, {
+		children: /* @__PURE__ */ H(Tt, {
 			wrapper: !0,
 			container: c,
 			as: d,
@@ -633,16 +633,16 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: r
 		})
 	});
-}, Mt = ({ children: e }) => /* @__PURE__ */ H("ul", {
+}, Nt = ({ children: e }) => /* @__PURE__ */ H("ul", {
 	className: W("mx-link-list"),
 	children: e
-}), Nt = ({ children: e, to: t, icon: n = o.CHEVRON_RIGHT, className: r }) => /* @__PURE__ */ H("li", {
+}), Pt = ({ children: e, to: t, icon: n = o.CHEVRON_RIGHT, className: r }) => /* @__PURE__ */ H("li", {
 	className: r,
 	children: /* @__PURE__ */ U(q, {
 		to: t,
 		children: [e, /* @__PURE__ */ H("span", { className: W("mx-icon", `mx-icon--${n}`) })]
 	})
-}), Pt = () => R(() => {
+}), Ft = () => R(() => {
 	if (!window) return {};
 	let { location: { search: e, pathname: t }, history: n } = window;
 	return {
@@ -650,7 +650,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		pathname: t,
 		history: n
 	};
-}, []), Ft = N(null), It = () => P(Ft), Lt = ({ total: t, resultsPerPage: n, currentPage: r, children: i, onClick: a, onMouseOver: o, scrollRef: s }) => {
+}, []), It = N(null), Lt = () => P(It), Rt = ({ total: t, resultsPerPage: n, currentPage: r, children: i, onClick: a, onMouseOver: o, scrollRef: s }) => {
 	let c = z(!1), l = z(1), u = n * (r - 1) + 1, d = n * r, f = R(() => r > 1 ? u : 1, [r, u]), p = R(() => t > d ? d : t, [t, d]), m = R(() => t > n, [t, n]), h = R(() => Math.ceil(t / n), [t, n]), g = R(() => {
 		let e = [];
 		if (!t || n >= t) return e;
@@ -666,7 +666,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		h,
 		n,
 		r
-	]), _ = R(() => g.length !== 0 && g[0] !== 2, [g]), v = R(() => g.length !== 0 && g[g.length - 1] !== h - 1, [g, h]), { searchParams: y, pathname: b, history: x } = Pt();
+	]), _ = R(() => g.length !== 0 && g[0] !== 2, [g]), v = R(() => g.length !== 0 && g[g.length - 1] !== h - 1, [g, h]), { searchParams: y, pathname: b, history: x } = Ft();
 	Y(() => {
 		if (c.current) return;
 		let t = y?.get("page") ?? "1";
@@ -725,7 +725,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		a,
 		o
 	]);
-	return /* @__PURE__ */ H(Ft, {
+	return /* @__PURE__ */ H(It, {
 		value: S,
 		children: i
 	});
@@ -751,8 +751,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			]
 		})
 	]
-}), Rt = () => {
-	let { currentPage: t, showPager: n, lastPage: r, visiblePages: i, showFirstEllipsis: a, showLastEllipsis: o, onClick: s, onMouseOver: c } = It();
+}), zt = () => {
+	let { currentPage: t, showPager: n, lastPage: r, visiblePages: i, showFirstEllipsis: a, showLastEllipsis: o, onClick: s, onMouseOver: c } = Lt();
 	return /* @__PURE__ */ H(V, { children: n && /* @__PURE__ */ U("nav", {
 		className: "mx-pagination",
 		"aria-label": "Pagination",
@@ -813,7 +813,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		]
 	}) });
-}, zt = ({ children: e, offset: t, zIndex: n, className: r, as: i = m.DIV, breakpoint: a, onStuckChange: o }) => {
+}, Bt = ({ children: e, offset: t, zIndex: n, className: r, as: i = m.DIV, breakpoint: a, onStuckChange: o }) => {
 	let s = `${i}`, c = a ? `mx-sticky--${a}` : "mx-sticky", l = z(null), [u, d] = B(!1), f = R(() => {
 		let e = {};
 		return t && (e["--sticky-offset"] = `${t}px`), n && (e["--z-index"] = n), e;
@@ -835,7 +835,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		style: f,
 		children: e
 	})] });
-}, Bt = N(null), Vt = () => P(Bt), Ht = [], Ut = () => {}, Wt = ({ id: e, children: t, multiple: n = !1, onClick: r = Ut, closeOnClick: i = !0, selectedItem: a = Ht, focusRef: o }) => {
+}, Vt = N(null), Ht = () => P(Vt), Ut = [], Wt = () => {}, Gt = ({ id: e, children: t, multiple: n = !1, onClick: r = Wt, closeOnClick: i = !0, selectedItem: a = Ut, focusRef: o }) => {
 	let s = z(null), c = z(null), l = L(), u = e || l, d = `${u}-target`, f = `${u}-description`, { isExpanded: p, toggle: m } = G({ defaultExpanded: !1 }), [h, g] = B(a);
 	I(() => !c.current || s.current ? void 0 : ((async () => {
 		if (!("anchorName" in document.documentElement.style) || !("popover" in HTMLElement.prototype)) {
@@ -886,11 +886,11 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		v,
 		y
 	]);
-	return /* @__PURE__ */ H(Bt, {
+	return /* @__PURE__ */ H(Vt, {
 		value: b,
 		children: t
 	});
-}, Gt = N(null), $ = () => P(Gt), Kt = ({ children: e, active: t, modifier: n, id: r }) => {
+}, Kt = N(null), $ = () => P(Kt), qt = ({ children: e, active: t, modifier: n, id: r }) => {
 	let [i, a] = B(t), [o, s] = B("Tabs"), c = z(null), l = L(), u = r || l, d = (e, t) => {
 		a(t);
 		let n = e.target;
@@ -917,9 +917,9 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		u,
 		c
 	]), p = R(() => [i], [i]);
-	return /* @__PURE__ */ H(Gt, {
+	return /* @__PURE__ */ H(Kt, {
 		value: f,
-		children: /* @__PURE__ */ H(Wt, {
+		children: /* @__PURE__ */ H(Gt, {
 			id: u,
 			onClick: d,
 			selectedItem: p,
@@ -929,8 +929,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		})
 	});
-}, qt = ({ id: e, className: t, children: n }) => {
-	let { activeTab: r, setActiveTab: i } = $(), a = fe(), o = r === e;
+}, Jt = ({ id: e, className: t, children: n }) => {
+	let { activeTab: r, setActiveTab: i } = $(), a = pe(), o = r === e;
 	return /* @__PURE__ */ H("button", {
 		id: `${e}-button`,
 		"aria-controls": e,
@@ -960,7 +960,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		type: "button",
 		children: n
 	});
-}, Jt = ({ children: e, id: t, className: n = "mx-section--l" }) => {
+}, Yt = ({ children: e, id: t, className: n = "mx-section--l" }) => {
 	let { activeTab: r } = $(), i = r === t;
 	return /* @__PURE__ */ H("div", {
 		id: t,
@@ -971,7 +971,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		tabIndex: 0,
 		children: e
 	});
-}, Yt = ({ children: e }) => {
+}, Xt = ({ children: e }) => {
 	let { tabListRef: t } = $();
 	return /* @__PURE__ */ H("div", {
 		className: "mx-tabs__list desktop-only",
@@ -979,17 +979,17 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		ref: t,
 		children: /* @__PURE__ */ H(K, { children: e })
 	});
-}, Xt = ({ condition: e, children: t, ...n }) => e ? /* @__PURE__ */ H("div", {
+}, Zt = ({ condition: e, children: t, ...n }) => e ? /* @__PURE__ */ H("div", {
 	...n,
 	children: t
-}) : /* @__PURE__ */ H(V, { children: t }), Zt = [
+}) : /* @__PURE__ */ H(V, { children: t }), Qt = [
 	"mx-button",
 	"mx-icon",
 	"mx-icon--chevron-down",
 	"mx-icon--end"
-], Qt = ({ label: e, children: t, className: n, triggerClassNames: r = Zt, popoverClassName: i, role: a = "menu", ariaLabel: o, triggerDescription: s, description: c = "Results will update when you make a selection. Press escape to close." }) => {
-	let { dropMenuId: l, triggerId: u, descriptionId: d, popoverRef: f } = Vt(), p = R(() => ({ anchorName: `--drop-menu-${l}` }), [l]), m = R(() => ({ positionAnchor: `--drop-menu-${l}` }), [l]);
-	return /* @__PURE__ */ U(Xt, {
+], $t = ({ label: e, children: t, className: n, triggerClassNames: r = Qt, popoverClassName: i, role: a = "menu", ariaLabel: o, triggerDescription: s, description: c = "Results will update when you make a selection. Press escape to close." }) => {
+	let { dropMenuId: l, triggerId: u, descriptionId: d, popoverRef: f } = Ht(), p = R(() => ({ anchorName: `--drop-menu-${l}` }), [l]), m = R(() => ({ positionAnchor: `--drop-menu-${l}` }), [l]);
+	return /* @__PURE__ */ U(Zt, {
 		className: W(n),
 		condition: !!n,
 		children: [
@@ -1028,9 +1028,9 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		]
 	});
-}, $t = ({ children: e }) => {
+}, en = ({ children: e }) => {
 	let { activeTabLabel: t } = $();
-	return /* @__PURE__ */ H(Qt, {
+	return /* @__PURE__ */ H($t, {
 		label: t,
 		className: "mobile-only",
 		role: "tablist",
@@ -1038,7 +1038,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		triggerDescription: "Select a tab",
 		children: e
 	});
-}, en = ({ children: e, className: t, as: n = m.DIV, variant: r, onRemove: i, removeLabel: a = "Remove" }) => {
+}, tn = ({ children: e, className: t, as: n = m.DIV, variant: r, onRemove: i, removeLabel: a = "Remove" }) => {
 	let s = `${n}`;
 	return /* @__PURE__ */ U(s, {
 		className: W("mx-tag", { "mx-tag--dismissible": i }, r && `mx-tag--${r}`, t),
@@ -1052,7 +1052,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		})]
 	});
-}, tn = ({ children: e, className: t, as: n = S.ARTICLE, ...r }) => {
+}, nn = ({ children: e, className: t, as: n = S.ARTICLE, ...r }) => {
 	let i = `${n}`;
 	return /* @__PURE__ */ H("div", {
 		className: "mx-container",
@@ -1062,13 +1062,13 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e
 		})
 	});
-}, nn = ({ children: e }) => /* @__PURE__ */ H("div", {
+}, rn = ({ children: e }) => /* @__PURE__ */ H("div", {
 	className: W("mx-list-item__content", "mx-vertical-flow"),
 	children: e
-}), rn = ({ children: e, skeleton: t = !1 }) => /* @__PURE__ */ U("figure", {
+}), an = ({ children: e, skeleton: t = !1 }) => /* @__PURE__ */ U("figure", {
 	className: W("mx-list-item__media", "stack"),
 	children: [t && /* @__PURE__ */ H("div", { className: "skeleton skeleton--bg" }), e]
-}), an = ({ title: e, items: t, className: n, inline: r = !1, ...i }) => /* @__PURE__ */ H("nav", {
+}), on = ({ title: e, items: t, className: n, inline: r = !1, ...i }) => /* @__PURE__ */ H("nav", {
 	className: W("mx-nav", { "mx-nav--inline": r }, n),
 	"aria-label": e,
 	...i,
@@ -1080,7 +1080,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: e.title
 		})
 	}, e.id)) })
-}), on = ({ item: e, isMobile: t, className: n = null, ...r }) => {
+}), sn = ({ item: e, isMobile: t, className: n = null, ...r }) => {
 	let { isExpanded: i, toggle: a, expand: o, collapse: s } = G({ defaultExpanded: !1 }), c = L(), l = () => {
 		t && a();
 	}, u = ({ key: e }) => {
@@ -1134,32 +1134,32 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			}, e.id))
 		})] })]
 	});
-}, sn = () => {
+}, cn = () => {
 	throw Error("useMediaQuery is a client-only hook");
-}, cn = (e) => {
+}, ln = (e) => {
 	let t = F((t) => {
 		let n = window.matchMedia(e);
 		return n.addEventListener("change", t), () => {
 			n.removeEventListener("change", t);
 		};
 	}, [e]);
-	return re(t, () => window.matchMedia(e).matches, sn);
-}, ln = ({ items: e, title: t, mediaQuery: n = "(max-width: 720px)", className: r = null, ...i }) => {
-	let a = cn(n);
+	return ie(t, () => window.matchMedia(e).matches, cn);
+}, un = ({ items: e, title: t, mediaQuery: n = "(max-width: 720px)", className: r = null, ...i }) => {
+	let a = ln(n);
 	return /* @__PURE__ */ H("nav", {
 		className: W("mx-nav", "mx-nav--dropdown", { className: r }),
 		"aria-label": t,
 		...i,
 		children: /* @__PURE__ */ H("ul", {
 			className: "mx-nav__level-1",
-			children: e && e.map((e) => /* @__PURE__ */ H(on, {
+			children: e && e.map((e) => /* @__PURE__ */ H(sn, {
 				item: e,
 				isMobile: a
 			}, e.id))
 		})
 	});
-}, un = ({ id: e, label: t, role: n = "menuitemradio", ...r }) => {
-	let { selected: i, handleClick: a, handleKeyDown: o } = Vt(), s = fe(), c = i?.includes(e);
+}, dn = ({ id: e, label: t, role: n = "menuitemradio", ...r }) => {
+	let { selected: i, handleClick: a, handleKeyDown: o } = Ht(), s = pe(), c = i?.includes(e);
 	return /* @__PURE__ */ H("button", {
 		type: "button",
 		"data-id": e,
@@ -1188,10 +1188,10 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		...r,
 		children: t
 	});
-}, dn = ({ children: e }) => /* @__PURE__ */ H("div", {
+}, fn = ({ children: e }) => /* @__PURE__ */ H("div", {
 	className: "mx-results-bar",
 	children: e
-}), fn = ({ number: e, pageCount: t, total: n }) => /* @__PURE__ */ H(V, { children: n > 0 ? /* @__PURE__ */ U("span", {
+}), pn = ({ number: e, pageCount: t, total: n }) => /* @__PURE__ */ H(V, { children: n > 0 ? /* @__PURE__ */ U("span", {
 	"aria-live": "polite",
 	children: [
 		"Showing results ",
@@ -1206,29 +1206,29 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 	"aria-live": "assertive",
 	"aria-atomic": "true",
 	children: "Sorry, no results were found for your search"
-}) }), pn = ({ id: e, name: t, options: n, label: r = "Sort by", ...i }) => {
+}) }), mn = ({ id: e, name: t, options: n, label: r = "Sort by", ...i }) => {
 	let a = R(() => n.map((e) => ({
 		value: e,
 		label: e
 	})), [n]);
 	return /* @__PURE__ */ U("div", {
 		className: "mx-results-bar__sort",
-		children: [/* @__PURE__ */ H(pt, {
+		children: [/* @__PURE__ */ H(mt, {
 			id: e,
 			text: r
-		}), /* @__PURE__ */ H(vt, {
+		}), /* @__PURE__ */ H(yt, {
 			name: t,
 			options: a,
 			id: e,
 			...i
 		})]
 	});
-}, mn = N({
+}, hn = N({
 	counts: /* @__PURE__ */ new Map(),
 	pending: !1,
 	totalCount: 0
-}), hn = () => P(mn), gn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", _n = ({ title: e, action: t, items: n, actions: r, direction: i = "down", instant: a = !1, collapsible: o = !1, sticky: s = !1, counter: c = !1, onSubmit: l, onReset: u, onChange: d, className: f, children: p, mediaQuery: m = "(max-width: 720px)" }) => {
-	let h = z(null), [g, _] = B(/* @__PURE__ */ new Map()), v = cn(m), [y, b] = B(!v), x = i === "right" ? K : M, S = i === "right" && y && v, C = z(null), w = z(0), [T, E] = B(!1), D = z(null), O = R(() => [...g.values()].filter((e) => e > 0).length, [g]), k = F((e) => {
+}), gn = () => P(hn), _n = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", vn = ({ title: e, action: t, items: n, actions: r, direction: i = "down", instant: a = !1, collapsible: o = !1, sticky: s = !1, counter: c = !1, onSubmit: l, onReset: u, onChange: d, className: f, children: p, mediaQuery: m = "(max-width: 720px)" }) => {
+	let h = z(null), [g, _] = B(/* @__PURE__ */ new Map()), v = ln(m), [y, b] = B(!v), x = i === "right" ? K : M, S = i === "right" && y && v, C = z(null), w = z(0), [T, E] = B(!1), D = z(null), O = R(() => [...g.values()].filter((e) => e > 0).length, [g]), k = F((e) => {
 		let t = h.current;
 		if (!t) return;
 		let n = new FormData(t), r = /* @__PURE__ */ new Map();
@@ -1253,7 +1253,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 	I(() => () => clearTimeout(D.current), []), Y(() => {
 		b(!v);
 	}, [v]), Y(() => {
-		S ? (C.current = document.activeElement, h.current?.querySelector(gn)?.focus()) : (C.current?.focus(), C.current = null);
+		S ? (C.current = document.activeElement, h.current?.querySelector(_n)?.focus()) : (C.current?.focus(), C.current = null);
 	}, [S]);
 	let N = R(() => ({
 		counts: g,
@@ -1295,7 +1295,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 				})
 			]
 		})
-	}), L = o ? /* @__PURE__ */ U("details", {
+	}), ne = o ? /* @__PURE__ */ U("details", {
 		className: "mx-accordion",
 		open: y,
 		onToggle: ee,
@@ -1313,15 +1313,15 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		className: "mx-filters__title",
 		children: te
 	}), P] });
-	return /* @__PURE__ */ H(mn, {
+	return /* @__PURE__ */ H(hn, {
 		value: N,
 		children: /* @__PURE__ */ H("div", {
 			className: W("mx-filters", i && `mx-filters--${i}`, s && "mx-filters--sticky", a && "mx-filters--auto", f),
-			children: L
+			children: ne
 		})
 	});
-}, vn = ({ id: e, name: t, as: n = "div", label: r, fields: i = a, descriptionStart: o, descriptionEnd: s, status: c, inline: l = !1, shownItems: u, collapsible: d, children: f }) => {
-	let [p, m] = B(!1), { counts: h } = hn(), g = t == null ? 0 : h.get(t) ?? 0, _ = !p && typeof u == "number" && i.length > u, v = _ ? i.slice(0, u) : i, y = _ ? i.slice(u) : [], b = W("mx-form-item", n === "fieldset" && "mx-fieldset", l && "mx-form-item--inline", d ? "mx-accordion__content" : "mx-filter-item"), x = /* @__PURE__ */ U(n, {
+}, yn = ({ id: e, name: t, as: n = "div", label: r, fields: i = a, descriptionStart: o, descriptionEnd: s, status: c, inline: l = !1, shownItems: u, collapsible: d, children: f }) => {
+	let [p, m] = B(!1), { counts: h } = gn(), g = t == null ? 0 : h.get(t) ?? 0, _ = !p && typeof u == "number" && i.length > u, v = _ ? i.slice(0, u) : i, y = _ ? i.slice(u) : [], b = W("mx-form-item", n === "fieldset" && "mx-fieldset", l && "mx-form-item--inline", d ? "mx-accordion__content" : "mx-filter-item"), x = /* @__PURE__ */ U(n, {
 		className: b,
 		id: e ? `${e}-item` : void 0,
 		children: [
@@ -1345,11 +1345,11 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			c
 		]
 	});
-	return d ? /* @__PURE__ */ U(Ne, {
+	return d ? /* @__PURE__ */ U(Pe, {
 		active: d.open ?? !1,
 		id: e ? `${e}-container` : void 0,
 		className: "mx-filter-item",
-		children: [/* @__PURE__ */ U(Pe, { children: [
+		children: [/* @__PURE__ */ U(Fe, { children: [
 			d.title,
 			d.counter && g > 0 && /* @__PURE__ */ H("span", {
 				className: "mx-tag",
@@ -1360,9 +1360,9 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 				className: "mx-icon mx-icon--chevron-down",
 				"aria-hidden": "true"
 			})
-		] }), /* @__PURE__ */ H(Le, { children: x })]
+		] }), /* @__PURE__ */ H(Re, { children: x })]
 	}) : x;
-}, yn = ({ items: e, pagination: t = !1, counter: n = !1, loop: r = !1, className: i }) => {
+}, bn = ({ items: e, pagination: t = !1, counter: n = !1, loop: r = !1, className: i }) => {
 	let a = z(null), [o, s] = B(0), [c, l] = B(0), [u, d] = B(!1), [f, p] = B(!0), [m, h] = B(!1), [g, _] = B(!1), v = z(/* @__PURE__ */ new Map()), y = t ? "pagination" : n ? "counter" : null, b = L(), x = F(() => [...v.current.values()].filter(Boolean).length, []), S = F(() => {
 		let e = [...v.current.keys()], t = x();
 		return t === 0 ? e : e.filter((e, n) => n % t === 0);
@@ -1500,7 +1500,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		]
 	});
-}, bn = ({ id: e, children: t, placement: n = k.BOTTOM, title: r, link: i }) => {
+}, xn = ({ id: e, children: t, placement: n = k.BOTTOM, title: r, link: i }) => {
 	let a = z(null), o = z(null), s = R(() => ({ positionAnchor: `--${e}` }), [e]);
 	return I(() => !o.current || a.current ? void 0 : ((async () => {
 		if (!("anchorName" in document.documentElement.style) || !("popover" in HTMLElement.prototype)) {
@@ -1526,7 +1526,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			]
 		})
 	});
-}, xn = ({ popoverId: e, children: t }) => {
+}, Sn = ({ popoverId: e, children: t }) => {
 	if (!te(t)) throw Error("<PopoverTrigger> requires a single valid React element as its child.");
 	return ee(t, {
 		id: `${e}-trigger`,
@@ -1536,35 +1536,56 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			anchorName: `--${e}`
 		}
 	});
-}, Sn = ({ children: e, parent: t, title: n, id: r, className: i }) => {
-	let a = L(), o = r || a;
+}, Cn = N(!1), wn = ({ children: e, parent: t, title: n, id: r, collapsible: i = !1, className: a }) => {
+	let o = L(), s = r || o;
 	return /* @__PURE__ */ U("nav", {
-		className: W("mx-nav", "mx-side-nav", i),
-		...n ? { "aria-label": n } : { "aria-labelledby": o },
+		className: W("mx-nav", "mx-side-nav", { "mx-nav--collapsible": i }, a),
+		...n ? { "aria-label": n } : { "aria-labelledby": s },
 		children: [/* @__PURE__ */ H("div", {
 			className: "mx-side-nav__parent",
-			id: o,
+			id: s,
 			children: t
-		}), e]
+		}), /* @__PURE__ */ H(Cn, {
+			value: i,
+			children: e
+		})]
 	});
-}, Cn = ({ items: e, level: t = 0 }) => /* @__PURE__ */ H("ul", {
-	className: `mx-nav__level-${t + 1}`,
-	children: e.map((e, n) => /* @__PURE__ */ U("li", {
-		className: e.items?.length ? "mx-nav__has-subnav" : void 0,
+}, Tn = ({ link: e, items: t }) => !!e.current || !!t?.some(Tn), En = ({ item: e, level: t }) => {
+	let n = ne(Cn), { isExpanded: r, toggle: i } = G({ defaultExpanded: Tn(e) }), a = L(), o = L(), s = e.items && e.items.length > 0;
+	return /* @__PURE__ */ U("li", {
+		className: s ? "mx-nav__has-subnav" : void 0,
 		children: [e.link.href ? /* @__PURE__ */ H(q, {
 			to: e.link.href,
+			id: s && n ? o : void 0,
 			"aria-current": e.link.current ? "page" : void 0,
 			children: e.link.title
-		}) : e.link.title, e.items && e.items.length > 0 && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("button", {
+		}) : e.link.title, s && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("button", {
 			className: "mx-nav__toggle mx-icon mx-icon--chevron-down mx-icon--only",
 			type: "button",
+			...n && {
+				"aria-expanded": r,
+				"aria-controls": a,
+				onClick: i
+			},
 			children: "Sub-navigation"
-		}), /* @__PURE__ */ H(Cn, {
+		}), /* @__PURE__ */ H(Dn, {
 			items: e.items,
-			level: t + 1
+			level: t + 1,
+			...n && {
+				id: a,
+				"aria-labelledby": e.link.href ? o : void 0,
+				inert: !r
+			}
 		})] })]
+	});
+}, Dn = ({ items: e, level: t = 0, ...n }) => /* @__PURE__ */ H("ul", {
+	className: `mx-nav__level-${t + 1}`,
+	...n,
+	children: e.map((e, n) => /* @__PURE__ */ H(En, {
+		item: e,
+		level: t
 	}, n))
-}), wn = ({ id: e, children: n, acceptLabel: r = "Accept", rejectLabel: i = "Reject", moreLabel: a = "Learn more", moreHref: o, waitRemove: s = 0, className: c }) => {
+}), On = ({ id: e, children: n, acceptLabel: r = "Accept", rejectLabel: i = "Reject", moreLabel: a = "Learn more", moreHref: o, waitRemove: s = 0, className: c }) => {
 	let l = L(), u = e || l, d = z(null);
 	I(() => {
 		if (!d.current) return;
@@ -1614,11 +1635,11 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})]
 		})
 	});
-}, Tn = N(null), En = () => P(Tn), Dn = (e, t) => e?.querySelector(`.mx-carousel__scrollable > li[data-index="${t}"]`) ?? null, On = ({ children: e, content: t, id: n, dialogLabel: r = "Image gallery", className: i }) => {
+}, kn = N(null), An = () => P(kn), jn = (e, t) => e?.querySelector(`.mx-carousel__scrollable > li[data-index="${t}"]`) ?? null, Mn = ({ children: e, content: t, id: n, dialogLabel: r = "Image gallery", className: i }) => {
 	let a = L(), o = n || a, [s, c] = B(!1), [l, u] = B(0), d = z(null);
 	Y(() => {
 		if (!s) return;
-		let e = Dn(d.current, l);
+		let e = jn(d.current, l);
 		e && (e.removeAttribute("inert"), (e.querySelector("img") ?? e).scrollIntoView({
 			inline: "start",
 			block: "nearest"
@@ -1627,7 +1648,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 	let f = F((e) => {
 		u(e), c(!0);
 	}, []), p = R(() => ({ openAt: f }), [f]);
-	return /* @__PURE__ */ H(Tn, {
+	return /* @__PURE__ */ H(kn, {
 		value: p,
 		children: /* @__PURE__ */ U("div", {
 			className: W("mx-gallery", i),
@@ -1635,20 +1656,20 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: [/* @__PURE__ */ H("div", {
 				className: "mx-gallery__preview",
 				children: e
-			}), /* @__PURE__ */ U(Je, {
+			}), /* @__PURE__ */ U(Ye, {
 				open: s,
 				fullscreen: !0,
 				onClose: () => c(!1),
 				"aria-label": r,
-				children: [/* @__PURE__ */ H(Ye, {
+				children: [/* @__PURE__ */ H(Xe, {
 					ref: d,
 					children: t
-				}), /* @__PURE__ */ H(Xe, {})]
+				}), /* @__PURE__ */ H(Ze, {})]
 			})]
 		})
 	});
-}, kn = ({ index: e, children: t, className: n, ...r }) => {
-	let { openAt: i } = En();
+}, Nn = ({ index: e, children: t, className: n, ...r }) => {
+	let { openAt: i } = An();
 	return /* @__PURE__ */ H("button", {
 		type: "button",
 		className: W("mx-gallery__trigger", n),
@@ -1656,7 +1677,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		...r,
 		children: t
 	});
-}, An = ({ steps: t, current: n, className: r = null }) => {
+}, Pn = ({ steps: t, current: n, className: r = null }) => {
 	let i = t.length, a = e.integer(n, 1, i) ? n : 1;
 	return /* @__PURE__ */ U("div", {
 		className: W("mx-progress-indicator", r),
@@ -1696,10 +1717,10 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		]
 	});
-}, jn = [C.LIGHT], Mn = (e) => {
+}, Fn = [C.LIGHT], In = (e) => {
 	let t = Number.parseFloat(e);
 	return Number.isNaN(t) ? window.innerHeight : e.endsWith("vh") ? t / 100 * window.innerHeight : t;
-}, Nn = ({ target: e, visibleAfter: t = "100vh", to: n = "#main", offset: r, title: i = "Back to top", breakpoint: a, className: s, onVisibleChange: c }) => {
+}, Ln = ({ target: e, visibleAfter: t = "100vh", to: n = "#main", offset: r, title: i = "Back to top", breakpoint: a, className: s, onVisibleChange: c }) => {
 	let [l, u] = B(!1);
 	I(() => {
 		let n = (e) => {
@@ -1711,7 +1732,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			});
 			return e.observe(r), () => e.disconnect();
 		}
-		let i = Mn(t), a = () => n(window.scrollY > i);
+		let i = In(t), a = () => n(window.scrollY > i);
 		return a(), window.addEventListener("scroll", a, { passive: !0 }), () => window.removeEventListener("scroll", a);
 	}, [
 		e,
@@ -1740,17 +1761,17 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			"is-visible": l
 		}),
 		style: f,
-		children: /* @__PURE__ */ H(Ae, {
+		children: /* @__PURE__ */ H(je, {
 			to: n,
 			onClick: d,
-			modifiers: jn,
+			modifiers: Fn,
 			className: "mx-back-to-top__trigger mx-button--small",
 			iconStart: o.ARROW_UP,
 			children: i
 		})
 	});
-}, Pn = ({ languages: e, onSelect: t }) => {
-	let n = fe(), r = (e) => {
+}, Rn = ({ languages: e, onSelect: t }) => {
+	let n = pe(), r = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
 			case "ArrowRight":
@@ -1777,7 +1798,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		onKeyDown: r,
 		children: e.label
 	}, e.code)) });
-}, Fn = ({ id: e, label: t = "Language", languages: r, defaultLanguage: i = "en", blockedPaths: a, scriptUrl: s, storageKey: c, updateTriggerLabel: l = !0, noticeContent: u, noticeBlockedContent: d, noticeAnchor: f, noticePosition: p, placement: m = k.BOTTOM_START, className: h, closeOnSelect: g = !0, onOpen: _, onClose: v, onLanguageChange: y }) => {
+}, zn = ({ id: e, label: t = "Language", languages: r, defaultLanguage: i = "en", blockedPaths: a, scriptUrl: s, storageKey: c, updateTriggerLabel: l = !0, noticeContent: u, noticeBlockedContent: d, noticeAnchor: f, noticePosition: p, placement: m = k.BOTTOM_START, className: h, closeOnSelect: g = !0, onOpen: _, onClose: v, onLanguageChange: y }) => {
 	let b = L(), x = e ?? b, S = z(null), C = z(null), w = z(null), T = z(null), E = R(() => ({ anchorName: `--${x}` }), [x]), D = R(() => ({ positionAnchor: `--${x}` }), [x]);
 	return I(() => {
 		if (!S.current) return;
@@ -1822,7 +1843,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			popoverTarget: x,
 			style: E,
 			"data-label": t,
-			"aria-label": t,
+			"aria-label": `${t}, ${i.toUpperCase()}`,
 			children: [/* @__PURE__ */ H(J, { icon: o.GLOBE }), /* @__PURE__ */ H("span", {
 				className: "mx-translate__code",
 				children: i.toUpperCase()
@@ -1837,7 +1858,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			"data-placement": m,
 			popover: "",
 			role: "menu",
-			children: /* @__PURE__ */ H(K, { children: /* @__PURE__ */ H(Pn, {
+			children: /* @__PURE__ */ H(K, { children: /* @__PURE__ */ H(Rn, {
 				languages: r,
 				onSelect: (e, t) => {
 					t.preventDefault(), w.current?.setLanguage(e), g && C.current?.hidePopover();
@@ -1845,7 +1866,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			}) })
 		})]
 	});
-}, In = ({ id: e, name: t = "search-form", action: n, placeholder: r = "Keywords...", label: i = "Search by keywords", className: a, onSubmit: o }) => /* @__PURE__ */ H("search", { children: /* @__PURE__ */ U("form", {
+}, Bn = ({ id: e, name: t = "search-form", action: n, placeholder: r = "Keywords...", label: i = "Search by keywords", className: a, onSubmit: o }) => /* @__PURE__ */ H("search", { children: /* @__PURE__ */ U("form", {
 	className: W("mx-form", "mx-form--inline-button", a),
 	action: n,
 	onSubmit: o,
@@ -1868,15 +1889,15 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: "Search"
 		})]
 	})]
-}) }), Ln = (e) => {
+}) }), Vn = (e) => {
 	e.preventDefault();
-}, Rn = ({ id: e, options: t, value: n = "", label: r, type: i = "text", status: a = h.DEFAULT, className: o = "", noResultsLabel: s = "No results found", hideOnBlur: c = !0, onSearch: l, onSelect: u, onSubmit: d, children: f, ...p }) => {
-	let m = z(null), g = z(null), _ = z(0), [v, y] = B(!1), b = oe({
+}, Hn = ({ id: e, options: t, value: n = "", label: r, type: i = "text", status: a = h.DEFAULT, className: o = "", noResultsLabel: s = "No results found", hideOnBlur: c = !0, onSearch: l, onSelect: u, onSubmit: d, children: f, ...p }) => {
+	let m = z(null), g = z(null), _ = z(0), [v, y] = B(!1), b = se({
 		items: t,
 		defaultInputValue: n,
 		allowsEmptyCollection: !0,
 		menuTrigger: "manual",
-		children: (e) => /* @__PURE__ */ H(ie, { children: e.label }, e.value)
+		children: (e) => /* @__PURE__ */ H(ae, { children: e.label }, e.value)
 	}), x = () => {
 		b.isOpen && b.toggle();
 	}, S = t.findIndex((e) => e.value === b.selectionManager.focusedKey), C = `${e}-listbox`, w = S >= 0 ? `${e}-option-${S}` : void 0;
@@ -1972,7 +1993,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 					role: "listbox",
 					className: "mx-autocomplete__listbox",
 					hidden: !A,
-					onMouseDown: Ln,
+					onMouseDown: Vn,
 					children: t.map((t, n) => /* @__PURE__ */ H("li", {
 						id: `${e}-option-${n}`,
 						role: "option",
@@ -1990,8 +2011,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			]
 		})]
 	});
-}, zn = N(null), Bn = ({ children: e, hint: t = null, status: n = h.DEFAULT, className: r = "", ...i }) => {
-	let a = L(), o = z(null), s = P(zn), { inputProps: c } = de(i, s, o), l = W("mx-checkbox", "mx-choice-card", r);
+}, Un = N(null), Wn = ({ children: e, hint: t = null, status: n = h.DEFAULT, className: r = "", ...i }) => {
+	let a = L(), o = z(null), s = P(Un), { inputProps: c } = fe(i, s, o), l = W("mx-checkbox", "mx-choice-card", r);
 	return /* @__PURE__ */ U("div", {
 		className: l,
 		children: [/* @__PURE__ */ H("input", {
@@ -2007,8 +2028,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})]
 		})]
 	});
-}, Vn = N(null), Hn = ({ children: e, hint: t = null, status: n = h.DEFAULT, className: r = "", ...i }) => {
-	let a = L(), o = z(null), s = P(Vn), { inputProps: c } = pe(i, s, o), l = W("mx-radio", "mx-choice-card", r);
+}, Gn = N(null), Kn = ({ children: e, hint: t = null, status: n = h.DEFAULT, className: r = "", ...i }) => {
+	let a = L(), o = z(null), s = P(Gn), { inputProps: c } = me(i, s, o), l = W("mx-radio", "mx-choice-card", r);
 	return /* @__PURE__ */ U("div", {
 		className: l,
 		children: [/* @__PURE__ */ H("input", {
@@ -2024,7 +2045,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})]
 		})]
 	});
-}, Un = ({ id: e, required: t = !1, value: n = "", status: r = h.DEFAULT, name: i = null, className: a = "", length: o = 6, style: s, ...c }) => {
+}, qn = ({ id: e, required: t = !1, value: n = "", status: r = h.DEFAULT, name: i = null, className: a = "", length: o = 6, style: s, ...c }) => {
 	let [l, u] = B(n), d = ({ currentTarget: e }) => u(e.value.replace(/\D/g, "")), f = W("mx-input__text", "mx-one-time-code", "mx-validate", a), p = R(() => ({
 		...s,
 		"--one-time-code-length": o
@@ -2047,7 +2068,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 		"aria-invalid": r === h.INVALID,
 		...c
 	});
-}, Wn = [C.DARK], Gn = ({ id: t, name: n = "rating", question: r = "Was the information on this page useful?", yesLabel: i = "Yes", noLabel: a = "No", secondaryText: s, secondaryLinkText: c, secondaryLinkHref: l, commentLabel: u = "How can we make it better?", commentName: d = "comment", commentPlaceholder: f, commentRequired: p = !1, requiredErrorMessage: m = "This field is required.", submitLabel: h = "Submit", action: g, method: _ = "post", errorMessage: v, pending: y = !1, className: b, onSubmit: x }) => {
+}, Jn = [C.DARK], Yn = ({ id: t, name: n = "rating", question: r = "Was the information on this page useful?", yesLabel: i = "Yes", noLabel: a = "No", secondaryText: s, secondaryLinkText: c, secondaryLinkHref: l, commentLabel: u = "How can we make it better?", commentName: d = "comment", commentPlaceholder: f, commentRequired: p = !1, requiredErrorMessage: m = "This field is required.", submitLabel: h = "Submit", action: g, method: _ = "post", errorMessage: v, pending: y = !1, className: b, onSubmit: x }) => {
 	let S = L(), C = t ?? S, w = `${C}-comment`, T = z(null), D = z(!1), [O, k] = B(!1), A = () => {
 		D.current || (D.current = !0, T.current?.focus());
 	};
@@ -2123,7 +2144,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 				/* @__PURE__ */ U("div", {
 					className: "mx-feedback-form__reveal",
 					children: [
-						/* @__PURE__ */ U(X, { children: [/* @__PURE__ */ H(pt, {
+						/* @__PURE__ */ U(X, { children: [/* @__PURE__ */ H(mt, {
 							id: w,
 							text: u
 						}), /* @__PURE__ */ H("textarea", {
@@ -2144,9 +2165,9 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 						}),
 						/* @__PURE__ */ H("div", {
 							className: "mx-form-actions",
-							children: /* @__PURE__ */ H(ke, {
+							children: /* @__PURE__ */ H(Ae, {
 								type: "submit",
-								modifiers: Wn,
+								modifiers: Jn,
 								disabled: y,
 								"data-pending": y,
 								"aria-busy": y,
@@ -2158,7 +2179,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			]
 		})
 	});
-}, Kn = ({ background: e = O.DARK, skipLinks: t, links: n, children: r, className: i }) => {
+}, Xn = ({ background: e = O.DARK, skipLinks: t, links: n, children: r, className: i }) => {
 	let a = r || n && n.length > 0;
 	return /* @__PURE__ */ U(V, { children: [t && t.length > 0 && /* @__PURE__ */ H("nav", {
 		className: "mx-skip-links",
@@ -2175,7 +2196,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})]
 		})
 	})] });
-}, qn = ({ children: e, sidebar: t, before: n = !1, order: r, sidebarClassName: i = "mx-vertical-flow-grid", contentClassName: a = "js-content mx-vertical-flow-grid" }) => /* @__PURE__ */ U("div", {
+}, Zn = ({ children: e, sidebar: t, before: n = !1, order: r, sidebarClassName: i = "mx-vertical-flow-grid", contentClassName: a = "js-content mx-vertical-flow-grid" }) => /* @__PURE__ */ U("div", {
 	className: W("mx-grid--sidebar", { [`mx-grid--${r}`]: r }),
 	children: [
 		n && t && /* @__PURE__ */ H("aside", {
@@ -2191,7 +2212,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			children: t
 		})
 	]
-}), Jn = [A.L], Yn = ({ copyright: e, links: t, size: n = Jn, children: r, className: i }) => /* @__PURE__ */ H(Z, {
+}), Qn = [A.L], $n = ({ copyright: e, links: t, size: n = Qn, children: r, className: i }) => /* @__PURE__ */ H(Z, {
 	as: j.FOOTER,
 	sizes: n,
 	className: W("mx-footer", i),
@@ -2203,7 +2224,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 				className: "mx-footer__copyright mx-text--s",
 				children: e
 			}),
-			t && /* @__PURE__ */ H(an, {
+			t && /* @__PURE__ */ H(on, {
 				title: "Footer subsidiary links",
 				className: "mx-footer__links mx-text--s",
 				inline: !0,
@@ -2211,7 +2232,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 			})
 		]
 	})
-}), Xn = ({ open: e = !1, icon: t, name: n, toggleId: r, modifiers: i, ...a }) => /* @__PURE__ */ H(ke, {
+}), er = ({ open: e = !1, icon: t, name: n, toggleId: r, modifiers: i, ...a }) => /* @__PURE__ */ H(Ae, {
 	iconOnly: !0,
 	iconStart: e ? o.CLOSE : t,
 	modifiers: i,
@@ -2219,8 +2240,8 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 	"aria-controls": r,
 	...a,
 	children: `${e ? "Close" : "Open"} ${n}`
-}), Zn = ({ logo: e, navigationItems: t, mediaQuery: n = "(max-width: 720px)", size: r = A.S, children: i, className: a, backgroundClass: s = "mx-background--primary" }) => {
-	let c = L(), { isExpanded: l, toggle: u } = G({ defaultExpanded: !1 }), d = cn(n), f = l && d ? K : M;
+}), tr = ({ logo: e, navigationItems: t, mediaQuery: n = "(max-width: 720px)", size: r = A.S, children: i, className: a, backgroundClass: s = "mx-background--primary" }) => {
+	let c = L(), { isExpanded: l, toggle: u } = G({ defaultExpanded: !1 }), d = ln(n), f = l && d ? K : M;
 	return /* @__PURE__ */ H(Z, {
 		as: j.HEADER,
 		sizes: r,
@@ -2235,7 +2256,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 				}),
 				d === !0 && /* @__PURE__ */ H("div", {
 					className: "mx-header__toggles",
-					children: /* @__PURE__ */ H(Xn, {
+					children: /* @__PURE__ */ H(er, {
 						toggleId: c,
 						icon: o.MENU,
 						name: "Menu",
@@ -2253,7 +2274,7 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 							contain: !0,
 							restoreFocus: !0,
 							autoFocus: !0,
-							children: /* @__PURE__ */ H(ln, {
+							children: /* @__PURE__ */ H(un, {
 								title: "Primary Navigation",
 								items: t,
 								mediaQuery: n,
@@ -2267,4 +2288,4 @@ var he = N(({ alt: e, ...t }) => /* @__PURE__ */ H("img", {
 	});
 };
 //#endregion
-export { Ne as Accordion, Le as AccordionContent, Pe as AccordionTitle, Ie as AccordionTitleIcon, y as Alignment, m as AsTags, Rn as Autocomplete, Nn as BackToTop, _ as BackgroundStyles, Re as Breadcrumb, ke as Button, ze as Card, Be as CardContent, Ve as CardMedia, yn as Carousel, ct as Checkbox, Bn as CheckboxCard, He as ContentBlock, Ue as ContentBlockContent, We as ContentBlockMedia, wn as CookieConsent, d as DEBOUNCE_MS, Ce as DefinitionList, we as DefinitionListItem, Je as Dialog, Xe as DialogCloseButton, Ye as DialogContent, Qt as DropMenu, un as DropMenuItem, Wt as DropMenuProvider, a as EMPTY_ARRAY, Gn as FeedbackForm, vn as FilterItem, _n as Filters, Yn as Footer, St as Form, st as FormCheckbox, ft as FormDescription, X as FormItem, pt as FormLabel, ht as FormRadio, In as FormSearch, vt as FormSelect, h as FormStatus, yt as FormText, bt as FormTextarea, xt as FormTitle, On as Gallery, kn as GalleryTrigger, at as GlobalAlert, wt as Grid, Zn as Header, Se as Heading, v as HeadingStyles, Dt as HeroBanner, kt as HeroBannerAside, Ot as HeroBannerContent, At as HeroSearch, J as Icon, o as Icons, _e as ImageComponentProvider, et as InPageAlert, et as Message, $e as InPageNavigation, q as Link, be as LinkComponentProvider, Mt as LinkList, Nt as LinkListItem, Ct as List, tn as ListItem, nn as ListItemContent, rn as ListItemMedia, f as ListStyles, Kn as Masthead, Ee as Media, an as Navigation, ln as NavigationDropdown, on as NavigationDropdownLevel, Un as OneTimeCode, _t as Option, Tt as Page, b as PageWidths, Rt as Pagination, Q as PaginationItem, Lt as PaginationProvider, bn as Popover, xn as PopoverTrigger, An as ProgressIndicator, gt as Radio, Hn as RadioCard, dn as ResultsBar, fn as ResultsBarInfo, pn as ResultsBarSort, Z as Section, s as SectionFlow, jt as SectionGrid, Sn as SideNavigation, Cn as SideNavigationTree, qn as Sidebar, c as SidebarOrder, lt as SingleCheckbox, g as SocialShareTypes, zt as Sticky, qt as Tab, $t as TabDropMenu, Yt as TabList, Jt as TabPanel, p as TabStyles, u as TableStyles, Kt as Tabs, en as Tag, l as TagVariants, De as Text, i as TextStyles, x as TextTags, Fn as Translate, Oe as Video, Me as useAccordion, Ke as useDialog, Vt as useDropMenuContext, hn as useFiltersContext, ge as useImageComponent, Ze as useInPageNavigation, ye as useLinkComponent, it as useLocalStorage, cn as useMediaQuery, It as usePagination, $ as useTabContext, Pt as useUrlParams };
+export { Pe as Accordion, Re as AccordionContent, Fe as AccordionTitle, Le as AccordionTitleIcon, y as Alignment, m as AsTags, Hn as Autocomplete, Ln as BackToTop, _ as BackgroundStyles, ze as Breadcrumb, Ae as Button, Be as Card, Ve as CardContent, He as CardMedia, bn as Carousel, lt as Checkbox, Wn as CheckboxCard, Ue as ContentBlock, We as ContentBlockContent, Ge as ContentBlockMedia, On as CookieConsent, d as DEBOUNCE_MS, we as DefinitionList, Te as DefinitionListItem, Ye as Dialog, Ze as DialogCloseButton, Xe as DialogContent, $t as DropMenu, dn as DropMenuItem, Gt as DropMenuProvider, a as EMPTY_ARRAY, Yn as FeedbackForm, yn as FilterItem, vn as Filters, $n as Footer, Ct as Form, ct as FormCheckbox, pt as FormDescription, X as FormItem, mt as FormLabel, gt as FormRadio, Bn as FormSearch, yt as FormSelect, h as FormStatus, bt as FormText, xt as FormTextarea, St as FormTitle, Mn as Gallery, Nn as GalleryTrigger, ot as GlobalAlert, Tt as Grid, tr as Header, Ce as Heading, v as HeadingStyles, Ot as HeroBanner, At as HeroBannerAside, kt as HeroBannerContent, jt as HeroSearch, J as Icon, o as Icons, ve as ImageComponentProvider, tt as InPageAlert, tt as Message, et as InPageNavigation, q as Link, xe as LinkComponentProvider, Nt as LinkList, Pt as LinkListItem, wt as List, nn as ListItem, rn as ListItemContent, an as ListItemMedia, f as ListStyles, Xn as Masthead, De as Media, on as Navigation, un as NavigationDropdown, sn as NavigationDropdownLevel, qn as OneTimeCode, vt as Option, Et as Page, b as PageWidths, zt as Pagination, Q as PaginationItem, Rt as PaginationProvider, xn as Popover, Sn as PopoverTrigger, Pn as ProgressIndicator, _t as Radio, Kn as RadioCard, fn as ResultsBar, pn as ResultsBarInfo, mn as ResultsBarSort, Z as Section, s as SectionFlow, Mt as SectionGrid, wn as SideNavigation, Dn as SideNavigationTree, Zn as Sidebar, c as SidebarOrder, ut as SingleCheckbox, g as SocialShareTypes, Bt as Sticky, Jt as Tab, en as TabDropMenu, Xt as TabList, Yt as TabPanel, p as TabStyles, u as TableStyles, qt as Tabs, tn as Tag, l as TagVariants, Oe as Text, i as TextStyles, x as TextTags, zn as Translate, ke as Video, Ne as useAccordion, qe as useDialog, Ht as useDropMenuContext, gn as useFiltersContext, _e as useImageComponent, Qe as useInPageNavigation, be as useLinkComponent, at as useLocalStorage, ln as useMediaQuery, Lt as usePagination, $ as useTabContext, Ft as useUrlParams };