govuk-chakra 0.1.1 → 0.1.2

package/dist/{govuk-chakra-BWPVEeo7.mjs → govuk-chakra-0wIbHjYQ.mjs}

@@ -10,7 +10,7 @@ import { t as u } from "./md-BNmQVYCf.mjs";
 import { n as d, t as f } from "./Button-BmDGyjW7.mjs";
 import { a as p } from "./lu-7Alw9EuV.mjs";
 import { n as m, r as h } from "./fa-Dc0gK-Y2.mjs";
-import { Accordion as g, AccordionItem as _, AccordionItemContent as ee, AccordionItemTrigger as v, Avatar as y, Box as b, Button as te, Card as x, Carousel as ne, Checkbox as S, Code as re, Collapsible as ie, ColorPicker as ae, ColorSwatch as oe, ColorSwatchMix as se, Combobox as ce, DatePicker as le, Dialog as ue, Editable as de, EmptyState as fe, Field as C, FloatingPanel as pe, For as me, HStack as w, Heading as he, Highlight as ge, HoverCard as _e, Icon as T, IconButton as ve, Image as ye, Input as be, Kbd as xe, Link as Se, LinkBox as Ce, LinkOverlay as we, Listbox as Te, Marquee as Ee, Menu as De, NativeSelect as Oe, PinInput as ke, Popover as E, Portal as Ae, Progress as je, ProgressCircle as Me, QrCode as Ne, RadioCard as Pe, RadioGroup as D, RatingGroup as O, ScrollArea as k, SegmentGroup as A, Select as j, Separator as Fe, SimpleGrid as Ie, Skeleton as Le, SkeletonCircle as Re, SkeletonText as ze, Slider as Be, Spinner as Ve, Stack as M, Stat as N, Status as He, Steps as Ue, Switch as We, Table as P, Tabs as Ge, TagsInput as Ke, Textarea as qe, Timeline as Je, Toast as Ye, Toaster as Xe, Tooltip as Ze, TreeView as Qe, VStack as $e, VisuallyHidden as et, chakra as F, createToaster as tt, useChakraContext as nt, useRecipe as rt, useSlotRecipe as it } from "@chakra-ui/react";
+import { Accordion as g, AccordionItem as _, AccordionItemContent as ee, AccordionItemTrigger as v, Avatar as y, Box as b, Button as te, Card as x, Carousel as ne, Checkbox as S, Code as re, Collapsible as ie, ColorPicker as ae, ColorSwatch as oe, ColorSwatchMix as se, Combobox as ce, DatePicker as le, Dialog as ue, Editable as de, EmptyState as fe, Field as C, FloatingPanel as pe, For as me, HStack as w, Heading as he, Highlight as ge, HoverCard as _e, Icon as T, IconButton as ve, Image as ye, Input as be, Kbd as xe, Link as Se, LinkBox as Ce, LinkOverlay as we, Listbox as Te, Marquee as Ee, Menu as De, NativeSelect as Oe, PinInput as ke, Popover as E, Portal as Ae, Progress as je, ProgressCircle as Me, QrCode as Ne, RadioCard as Pe, RadioGroup as D, RatingGroup as O, ScrollArea as k, SegmentGroup as A, Select as j, Separator as Fe, SimpleGrid as Ie, Skeleton as Le, SkeletonCircle as Re, SkeletonText as ze, Slider as Be, Spinner as Ve, Stack as He, Stat as M, Status as Ue, Steps as We, Switch as Ge, Table as N, Tabs as Ke, TagsInput as qe, Textarea as Je, Timeline as Ye, Toast as Xe, Toaster as Ze, Tooltip as Qe, TreeView as $e, VStack as P, VisuallyHidden as et, chakra as F, createToaster as tt, useChakraContext as nt, useRecipe as rt, useSlotRecipe as it } from "@chakra-ui/react";
 import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
 import { Children as at, cloneElement as ot, createContext as z, forwardRef as B, isValidElement as st, useCallback as ct, useContext as V, useEffect as lt, useId as H, useMemo as ut, useRef as dt, useState as U } from "react";
 //#region src/components/Link/Link.tsx
@@ -102,7 +102,7 @@ var mt = B(function({ children: e, defaultValue: t, multiple: n = !0, onValueCha
 });
 mt.displayName = "Accordion";
 var ht = B(function({ children: e, ...t }, n) {
-	return /* @__PURE__ */ L(M, {
+	return /* @__PURE__ */ L(He, {
 		ref: n,
 		direction: "row",
 		justify: "flex-start",
@@ -330,7 +330,7 @@ var yt = B(function(e, t) {
 			}
 		},
 		...e,
-		children: /* @__PURE__ */ R($e, {
+		children: /* @__PURE__ */ R(P, {
 			gap: 2,
 			w: "100%",
 			justifyContent: "flex-start",
@@ -649,7 +649,7 @@ function Pt() {
 	return V(Nt);
 }
 var Ft = B(function({ inverse: e = !1, landmarkLabel: t = "Breadcrumb", children: n, ...i }, a) {
-	return /* @__PURE__ */ L($e, {
+	return /* @__PURE__ */ L(P, {
 		className: "breadcrumbs-container",
 		maxW: "1200px",
 		paddingTop: {
@@ -1193,7 +1193,7 @@ function $t({ serviceName: e = "name of service", heading: t, essentialCookiesTe
 				md: r(30)
 			},
 			py: r(20),
-			children: S ? /* @__PURE__ */ R(M, {
+			children: S ? /* @__PURE__ */ R(He, {
 				gap: r(12),
 				alignItems: "flex-start",
 				role: "alert",
@@ -1220,7 +1220,7 @@ function $t({ serviceName: e = "name of service", heading: t, essentialCookiesTe
 						children: u
 					})]
 				})]
-			}) : /* @__PURE__ */ R(M, {
+			}) : /* @__PURE__ */ R(He, {
 				gap: r(15),
 				alignItems: "flex-start",
 				children: [
@@ -2441,7 +2441,7 @@ var _n = Object.assign(pe.Root, { ...pe }), vn = "\"Helvetica Neue\", Helvetica,
 		]
 	});
 }), Bn = B(function(e, t) {
-	return /* @__PURE__ */ L($e, {
+	return /* @__PURE__ */ L(P, {
 		ref: t,
 		as: "header",
 		alignItems: "center",
@@ -2613,13 +2613,124 @@ var Xn = Object.assign(Yn, { Root: Yn }), Zn = Object.assign(ye, { Root: ye }),
 function $n({ ...e }) {
 	return /* @__PURE__ */ L(xe, { ...e });
 }
-var er = Object.assign($n, { Root: $n });
+var er = Object.assign($n, { Root: $n }), tr = z({ inverse: !1 });
+function nr() {
+	return V(tr);
+}
+var rr = B(function({ children: e, className: t, inverse: n = !1, landmarkLabel: i = "Language", ...a }, o) {
+	return /* @__PURE__ */ L(tr.Provider, {
+		value: { inverse: n },
+		children: /* @__PURE__ */ L(b, {
+			ref: o,
+			as: "nav",
+			"aria-label": i,
+			className: [
+				"govuk-language-navigation",
+				n && "govuk-language-navigation--inverse",
+				t
+			].filter(Boolean).join(" "),
+			color: n ? "common.white" : "fg",
+			fontFamily: "body",
+			fontSize: r(19),
+			lineHeight: r(25),
+			mb: {
+				base: r(20),
+				md: r(30)
+			},
+			css: { ".govuk-service-navigation &": {
+				marginTop: r(5),
+				marginBottom: r(15),
+				"@media screen and (min-width: 40rem)": { marginTop: r(15) }
+			} },
+			...a,
+			children: e
+		})
+	});
+}), ir = B(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(b, {
+		ref: n,
+		as: "ul",
+		className: ["govuk-language-navigation__list", e].filter(Boolean).join(" "),
+		display: "inline-flex",
+		flexWrap: "wrap",
+		rowGap: r(10),
+		m: 0,
+		p: 0,
+		listStyleType: "none",
+		...t
+	});
+}), ar = B(function({ className: e, ...t }, n) {
+	let { inverse: i } = nr();
+	return /* @__PURE__ */ L(b, {
+		ref: n,
+		as: "li",
+		className: ["govuk-language-navigation__list-item", e].filter(Boolean).join(" "),
+		display: "flex",
+		alignItems: "center",
+		css: { "&:not(:last-child)::after": {
+			content: "\"\"",
+			display: "block",
+			height: "1em",
+			marginInline: r(10),
+			borderInlineEnd: "1px solid",
+			borderColor: i ? "currentColor" : "border"
+		} },
+		...t
+	});
+}), or = B(function({ children: e, className: t, hrefLang: n, lang: i, languageDescriptionText: a, ...o }, s) {
+	let { inverse: c } = nr();
+	return /* @__PURE__ */ R(W, {
+		ref: s,
+		className: ["govuk-language-navigation__link", t].filter(Boolean).join(" "),
+		rel: "alternate",
+		lang: i,
+		hrefLang: n ?? i,
+		...c ? {
+			color: "common.white",
+			textDecorationColor: "currentColor",
+			_visited: { color: "common.white" },
+			_hover: {
+				color: "common.white",
+				textDecorationThickness: r(3)
+			},
+			_active: { color: "common.white" },
+			_dark: {
+				color: "common.white",
+				_visited: { color: "common.white" },
+				_hover: { color: "common.white" },
+				_active: { color: "common.white" },
+				_focus: {
+					color: "common.black",
+					textDecorationColor: "common.black",
+					_visited: { color: "common.black" },
+					_hover: { color: "common.black" }
+				}
+			}
+		} : {},
+		...o,
+		children: [e, a ? /* @__PURE__ */ L(et, { children: ` ${a}` }) : null]
+	});
+}), sr = B(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(b, {
+		ref: n,
+		as: "span",
+		"aria-current": "true",
+		className: ["govuk-language-navigation__text", e].filter(Boolean).join(" "),
+		...t
+	});
+}), cr = Object.assign(rr, {
+	Root: rr,
+	List: ir,
+	Item: ar,
+	Link: or,
+	Current: sr
+});
 Te.Root;
-var tr = Object.assign(Te.Root, { ...Te });
+var lr = Object.assign(Te.Root, { ...Te });
 Ee.Root;
-var nr = Object.assign(Ee.Root, { ...Ee });
+var ur = Object.assign(Ee.Root, { ...Ee });
 De.Root;
-var rr = Object.assign(De.Root, { ...De }), ir = {
+var dr = Object.assign(De.Root, { ...De }), fr = {
 	info: {
 		borderColor: "primary.500",
 		headerBg: "primary.500"
@@ -2632,8 +2743,8 @@ var rr = Object.assign(De.Root, { ...De }), ir = {
 		borderColor: "red.500",
 		headerBg: "red.500"
 	}
-}, ar = B(function({ heading: e = "Important", variant: t = "info", children: n, ...r }, i) {
-	let a = H(), o = ir[t];
+}, pr = B(function({ heading: e = "Important", variant: t = "info", children: n, ...r }, i) {
+	let a = H(), o = fr[t];
 	return /* @__PURE__ */ R(b, {
 		ref: i,
 		role: t === "success" ? "alert" : "region",
@@ -2643,23 +2754,23 @@ var rr = Object.assign(De.Root, { ...De }), ir = {
 		bg: "transparent",
 		color: "fg",
 		...r,
-		children: [/* @__PURE__ */ L(or, {
+		children: [/* @__PURE__ */ L(mr, {
 			variant: t,
-			children: /* @__PURE__ */ L(sr, {
+			children: /* @__PURE__ */ L(hr, {
 				id: a,
 				children: e
 			})
-		}), /* @__PURE__ */ L(cr, { children: n })]
+		}), /* @__PURE__ */ L(gr, { children: n })]
 	});
-}), or = B(function({ variant: e = "info", ...t }, n) {
+}), mr = B(function({ variant: e = "info", ...t }, n) {
 	return /* @__PURE__ */ L(b, {
 		ref: n,
-		bg: ir[e].headerBg,
+		bg: fr[e].headerBg,
 		px: r(15),
 		py: r(10),
 		...t
 	});
-}), sr = B(function(e, t) {
+}), hr = B(function(e, t) {
 	return /* @__PURE__ */ L(G, {
 		ref: t,
 		as: "h2",
@@ -2668,7 +2779,7 @@ var rr = Object.assign(De.Root, { ...De }), ir = {
 		mb: 0,
 		...e
 	});
-}), cr = B(function(e, t) {
+}), gr = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		px: {
@@ -2681,7 +2792,7 @@ var rr = Object.assign(De.Root, { ...De }), ir = {
 		},
 		...e
 	});
-}), lr = B(function(e, t) {
+}), _r = B(function(e, t) {
 	return /* @__PURE__ */ L(G, {
 		ref: t,
 		as: "h3",
@@ -2690,7 +2801,7 @@ var rr = Object.assign(De.Root, { ...De }), ir = {
 		mb: r(15),
 		...e
 	});
-}), ur = B(function(e, t) {
+}), vr = B(function(e, t) {
 	return /* @__PURE__ */ L(a, {
 		ref: t,
 		fontSize: 19,
@@ -2698,18 +2809,18 @@ var rr = Object.assign(De.Root, { ...De }), ir = {
 		mb: 0,
 		...e
 	});
-}), dr = Object.assign(ar, {
-	Root: ar,
-	Header: or,
-	Title: sr,
-	Content: cr,
-	Heading: lr,
-	Body: ur
-}), fr = z(null);
-function pr() {
-	return V(fr);
+}), yr = Object.assign(pr, {
+	Root: pr,
+	Header: mr,
+	Title: hr,
+	Content: gr,
+	Heading: _r,
+	Body: vr
+}), br = z(null);
+function xr() {
+	return V(br);
 }
-var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
+var Sr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 	as: "svg",
 	"aria-hidden": "true",
 	focusable: "false",
@@ -2721,14 +2832,14 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 		fill: "currentColor",
 		d: e === "previous" ? "m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z" : "m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"
 	})
-}), hr = B(function({ landmarkLabel: e = "Pagination", block: t = !1, children: n, ...i }, a) {
+}), Cr = B(function({ landmarkLabel: e = "Pagination", block: t = !1, children: n, ...i }, a) {
 	return /* @__PURE__ */ L(b, {
 		ref: a,
 		as: "nav",
 		"aria-label": e,
 		width: "100%",
 		...i,
-		children: /* @__PURE__ */ L(fr.Provider, {
+		children: /* @__PURE__ */ L(br.Provider, {
 			value: { block: t },
 			children: /* @__PURE__ */ L(b, {
 				display: "flex",
@@ -2743,7 +2854,7 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			})
 		})
 	});
-}), gr = B(function(e, t) {
+}), wr = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "ul",
@@ -2755,7 +2866,7 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 		p: 0,
 		...e
 	});
-}), _r = B(function({ current: e = !1, ellipsis: t = !1, children: n, ...i }, o) {
+}), Tr = B(function({ current: e = !1, ellipsis: t = !1, children: n, ...i }, o) {
 	return /* @__PURE__ */ L(b, {
 		ref: o,
 		as: "li",
@@ -2785,7 +2896,7 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			children: "..."
 		}) : n
 	});
-}), vr = B(function({ current: e = !1, number: t, visuallyHiddenText: n, children: i, ...a }, o) {
+}), Er = B(function({ current: e = !1, number: t, visuallyHiddenText: n, children: i, ...a }, o) {
 	let s = i ?? t;
 	return /* @__PURE__ */ L(W, {
 		ref: o,
@@ -2843,8 +2954,8 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 		...a,
 		children: s
 	});
-}), yr = B(function({ label: e, children: t, ...n }, i) {
-	let o = pr()?.block ?? !1;
+}), Dr = B(function({ label: e, children: t, ...n }, i) {
+	let o = xr()?.block ?? !1;
 	return /* @__PURE__ */ R(W, {
 		ref: i,
 		rel: "prev",
@@ -2897,7 +3008,7 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			_visited: { color: "primary.300" }
 		},
 		...n,
-		children: [/* @__PURE__ */ L(mr, { direction: "previous" }), t ? /* @__PURE__ */ R($e, {
+		children: [/* @__PURE__ */ L(Sr, { direction: "previous" }), t ? /* @__PURE__ */ R(P, {
 			align: "start",
 			gap: 0,
 			children: [/* @__PURE__ */ L(a, {
@@ -2924,8 +3035,8 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			children: e
 		}) : null })]
 	});
-}), br = B(function({ label: e, children: t, ...n }, i) {
-	let o = pr()?.block ?? !1;
+}), Or = B(function({ label: e, children: t, ...n }, i) {
+	let o = xr()?.block ?? !1;
 	return /* @__PURE__ */ R(W, {
 		ref: i,
 		rel: "next",
@@ -2970,7 +3081,7 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			_visited: { color: "primary.300" }
 		},
 		...n,
-		children: [/* @__PURE__ */ L(mr, { direction: "next" }), t ? /* @__PURE__ */ R($e, {
+		children: [/* @__PURE__ */ L(Sr, { direction: "next" }), t ? /* @__PURE__ */ R(P, {
 			align: "start",
 			gap: 0,
 			children: [/* @__PURE__ */ L(a, {
@@ -2997,14 +3108,14 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			children: e
 		}) : null })]
 	});
-}), xr = Object.assign(hr, {
-	Root: hr,
-	List: gr,
-	Item: _r,
-	Link: vr,
-	Previous: yr,
-	Next: br
-}), Sr = B(function({ heading: e, children: t, ...n }, i) {
+}), kr = Object.assign(Cr, {
+	Root: Cr,
+	List: wr,
+	Item: Tr,
+	Link: Er,
+	Previous: Dr,
+	Next: Or
+}), Ar = B(function({ heading: e, children: t, ...n }, i) {
 	return /* @__PURE__ */ R(b, {
 		ref: i,
 		bg: "green.500",
@@ -3020,9 +3131,9 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 		},
 		mb: r(30),
 		...n,
-		children: [e ? /* @__PURE__ */ L(Cr, { children: e }) : null, t ? /* @__PURE__ */ L(wr, { children: t }) : null]
+		children: [e ? /* @__PURE__ */ L(jr, { children: e }) : null, t ? /* @__PURE__ */ L(Mr, { children: t }) : null]
 	});
-}), Cr = B(function(e, t) {
+}), jr = B(function(e, t) {
 	return /* @__PURE__ */ L(G, {
 		ref: t,
 		as: "h1",
@@ -3032,7 +3143,7 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 		textAlign: "center",
 		...e
 	});
-}), wr = B(function(e, t) {
+}), Mr = B(function(e, t) {
 	return /* @__PURE__ */ L(a, {
 		ref: t,
 		as: "div",
@@ -3048,13 +3159,13 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 		} },
 		...e
 	});
-}), Tr = Object.assign(Sr, {
-	Root: Sr,
-	Title: Cr,
-	Body: wr
-}), Er = "🞶", Dr = "◇", Or = z(!1), kr = B(function({ mask: e, placeholder: t = Dr, ...n }, r) {
+}), Nr = Object.assign(Ar, {
+	Root: Ar,
+	Title: jr,
+	Body: Mr
+}), Pr = "🞶", Fr = "◇", Ir = z(!1), Lr = B(function({ mask: e, placeholder: t = Fr, ...n }, r) {
 	let i = !!e;
-	return /* @__PURE__ */ L(Or.Provider, {
+	return /* @__PURE__ */ L(Ir.Provider, {
 		value: i,
 		children: /* @__PURE__ */ L(ke.Root, {
 			ref: r,
@@ -3063,8 +3174,8 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 			...n
 		})
 	});
-}), Ar = B(function({ onChange: e, onInput: t, style: n, ...r }, i) {
-	let o = V(Or), s = dt(null), [c, l] = U(!1);
+}), Rr = B(function({ onChange: e, onInput: t, style: n, ...r }, i) {
+	let o = V(Ir), s = dt(null), [c, l] = U(!1);
 	return /* @__PURE__ */ R(a, {
 		as: "span",
 		css: {
@@ -3103,28 +3214,28 @@ var mr = ({ direction: e }) => /* @__PURE__ */ L(T, {
 				justifyContent: "center",
 				pointerEvents: "none"
 			},
-			children: Er
+			children: Pr
 		}) : null]
 	});
-}), jr = Object.assign(kr, {
+}), zr = Object.assign(Lr, {
 	...ke,
-	Root: kr,
-	Input: Ar
+	Root: Lr,
+	Input: Rr
 });
 E.Root;
-var Mr = Object.assign(E.Root, { ...E });
+var Br = Object.assign(E.Root, { ...E });
 je.Root;
-var Nr = Object.assign(je.Root, { ...je });
+var Vr = Object.assign(je.Root, { ...je });
 Me.Root;
-var Pr = Object.assign(Me.Root, { ...Me });
+var Hr = Object.assign(Me.Root, { ...Me });
 Ne.Root;
-var Fr = Object.assign(Ne.Root, { ...Ne }), Ir = r(20), Lr = r(40), Rr = r(10), zr = r(18), Br = r(35), Vr = r(55), Hr = z({ smaller: !1 });
-function Ur() {
-	return V(Hr);
+var Ur = Object.assign(Ne.Root, { ...Ne }), Wr = r(20), Gr = r(40), Kr = r(10), qr = r(18), Jr = r(35), Yr = r(55), Xr = z({ smaller: !1 });
+function Zr() {
+	return V(Xr);
 }
-var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
+var Qr = D.Item, $r = D.ItemControl, ei = D.ItemText, ti = B(function(e, t) {
 	let { smaller: n = !1, ...r } = e;
-	return /* @__PURE__ */ L(Hr.Provider, {
+	return /* @__PURE__ */ L(Xr.Provider, {
 		value: { smaller: n },
 		children: /* @__PURE__ */ L(D.Root, {
 			ref: t,
@@ -3135,8 +3246,8 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 			...r
 		})
 	});
-}), Jr = B(function(e, t) {
-	let { smaller: n } = Ur();
+}), ni = B(function(e, t) {
+	let { smaller: n } = Zr();
 	return /* @__PURE__ */ L(a, {
 		ref: t,
 		fontSize: n ? "16px" : 19,
@@ -3146,11 +3257,11 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 		css: { "[data-disabled] &": { opacity: .5 } },
 		...e
 	});
-}), Yr = {
-	Root: qr,
+}), ri = {
+	Root: ti,
 	Item: B(function({ hint: e, children: t, ...n }, i) {
-		let { smaller: a } = Ur();
-		return /* @__PURE__ */ R(Wr, {
+		let { smaller: a } = Zr();
+		return /* @__PURE__ */ R(Qr, {
 			ref: i,
 			display: "flex",
 			flexWrap: "wrap",
@@ -3170,8 +3281,8 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 			...n,
 			children: [t, e ? /* @__PURE__ */ L(b, {
 				flexBasis: "100%",
-				pl: a ? Br : Vr,
-				children: /* @__PURE__ */ L(Jr, { children: e })
+				pl: a ? Jr : Yr,
+				children: /* @__PURE__ */ L(ni, { children: e })
 			}) : null]
 		});
 	}),
@@ -3182,8 +3293,8 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 		});
 	}),
 	ItemControl: B(function(e, t) {
-		let { smaller: n } = Ur(), r = n ? Ir : Lr;
-		return /* @__PURE__ */ L(Gr, {
+		let { smaller: n } = Zr(), r = n ? Wr : Gr;
+		return /* @__PURE__ */ L($r, {
 			ref: t,
 			"data-govuk-radio-control": "",
 			bgColor: "transparent",
@@ -3209,7 +3320,7 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 		});
 	}),
 	ItemIndicator: B(function(e, t) {
-		let { smaller: n } = Ur();
+		let { smaller: n } = Zr();
 		return /* @__PURE__ */ L(D.ItemIndicator, {
 			ref: t,
 			className: "check-indicator",
@@ -3217,8 +3328,8 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 			borderRadius: "full",
 			borderColor: "transparent",
 			borderWidth: 0,
-			width: n ? Rr : zr,
-			height: n ? Rr : zr,
+			width: n ? Kr : qr,
+			height: n ? Kr : qr,
 			position: "absolute",
 			top: "50%",
 			left: "50%",
@@ -3238,8 +3349,8 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 		});
 	}),
 	ItemText: B(function(e, t) {
-		let { smaller: n } = Ur();
-		return /* @__PURE__ */ L(Kr, {
+		let { smaller: n } = Zr();
+		return /* @__PURE__ */ L(ei, {
 			ref: t,
 			color: "fg",
 			cursor: "pointer",
@@ -3248,7 +3359,7 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 			...e
 		});
 	}),
-	Hint: Jr,
+	Hint: ni,
 	Group: B(function({ legend: e, legendAsHeading: t = !1, hint: n, error: i, children: o, ...s }, c) {
 		return /* @__PURE__ */ R(b, {
 			ref: c,
@@ -3308,7 +3419,7 @@ var Wr = D.Item, Gr = D.ItemControl, Kr = D.ItemText, qr = B(function(e, t) {
 	})
 };
 Pe.Root;
-var Xr = Object.assign(Pe.Root, { ...Pe }), Zr = B(function({ icon: e, count: t = 5, label: n, ...r }, i) {
+var ii = Object.assign(Pe.Root, { ...Pe }), ai = B(function({ icon: e, count: t = 5, label: n, ...r }, i) {
 	return /* @__PURE__ */ R(O.Root, {
 		ref: i,
 		count: t,
@@ -3322,8 +3433,8 @@ var Xr = Object.assign(Pe.Root, { ...Pe }), Zr = B(function({ icon: e, count: t
 			}, n)) })
 		]
 	});
-}), Qr = Object.assign(Zr, {
-	Root: Zr,
+}), oi = Object.assign(ai, {
+	Root: ai,
 	Label: O.Label,
 	HiddenInput: O.HiddenInput,
 	Control: O.Control,
@@ -3331,7 +3442,7 @@ var Xr = Object.assign(Pe.Root, { ...Pe }), Zr = B(function({ icon: e, count: t
 	ItemIndicator: O.ItemIndicator
 });
 k.Root, k.RootProvider, k.PropsProvider, k.Viewport, k.Content, k.Scrollbar, k.Thumb, k.Corner, k.Context;
-var $r = Object.assign(k.Root, { ...k }), ei = {
+var si = Object.assign(k.Root, { ...k }), ci = {
 	30: "59ex",
 	20: "41ex",
 	10: "23ex",
@@ -3339,12 +3450,12 @@ var $r = Object.assign(k.Root, { ...k }), ei = {
 	4: "9ex",
 	3: "7.2ex",
 	2: "5.4ex"
-}, ti = z(null), Q = (e) => {
-	let t = V(ti);
+}, li = z(null), Q = (e) => {
+	let t = V(li);
 	if (!t) throw Error(`${e} must be used within Select.Root`);
 	return t;
 };
-function ni(e) {
+function ui(e) {
 	let t;
 	return at.forEach(e, (e) => {
 		if (t || !st(e)) return;
@@ -3353,16 +3464,16 @@ function ni(e) {
 			t = n.props.placeholder;
 			return;
 		}
-		n.props.children && (t = ni(n.props.children));
+		n.props.children && (t = ui(n.props.children));
 	}), t;
 }
-var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19, native: o = !1, required: s, disabled: c, invalid: l, formProps: u, positioning: d, children: f, ...p }, m) {
-	let h = H(), g = n ?? `govuk-select-${h}`, _ = `${g}-hint`, ee = `${g}-error`, v = !!l, y = ni(f), b = [
+var di = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19, native: o = !1, required: s, disabled: c, invalid: l, formProps: u, positioning: d, children: f, ...p }, m) {
+	let h = H(), g = n ?? `govuk-select-${h}`, _ = `${g}-hint`, ee = `${g}-error`, v = !!l, y = ui(f), b = [
 		_,
 		v ? ee : void 0,
 		p["aria-describedby"]
 	].filter(Boolean).join(" ") || void 0, te = p.value, x = p.defaultValue, ne = te === void 0 ? void 0 : p.multiple ? te : te[0] ?? "", S = x === void 0 ? void 0 : p.multiple ? x : x[0] ?? "";
-	return /* @__PURE__ */ L(ti.Provider, {
+	return /* @__PURE__ */ L(li.Provider, {
 		value: {
 			collection: t,
 			describedBy: b,
@@ -3387,7 +3498,7 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 				invalid: v,
 				width: i === "full" ? "100%" : "auto",
 				minW: r(220),
-				maxW: i === "full" ? void 0 : ei[i],
+				maxW: i === "full" ? void 0 : ci[i],
 				children: [/* @__PURE__ */ R(Oe.Field, {
 					id: g,
 					"aria-describedby": b,
@@ -3449,13 +3560,13 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 				},
 				width: i === "full" ? "100%" : "auto",
 				minW: r(220),
-				maxW: i === "full" ? void 0 : ei[i],
+				maxW: i === "full" ? void 0 : ci[i],
 				...p,
 				children: f
 			})
 		})
 	});
-}), ii = B(function({ fontSize: e, children: t, ...r }, i) {
+}), fi = B(function({ fontSize: e, children: t, ...r }, i) {
 	let a = Q("Select.Label"), o = e ?? a.labelSize;
 	return a.native ? /* @__PURE__ */ L(F.label, {
 		ref: i,
@@ -3476,7 +3587,7 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 		...r,
 		children: t
 	});
-}), ai = B(function(e, t) {
+}), pi = B(function(e, t) {
 	let n = Q("Select.Hint");
 	return /* @__PURE__ */ L(C.HelperText, {
 		ref: t,
@@ -3489,7 +3600,7 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 			...e
 		})
 	});
-}), oi = B(function(e, t) {
+}), mi = B(function(e, t) {
 	let n = Q("Select.Error");
 	return /* @__PURE__ */ L(C.ErrorText, {
 		ref: t,
@@ -3504,7 +3615,7 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 			children: `Error: ${e.children}`
 		})
 	});
-}), si = B(function(e, t) {
+}), hi = B(function(e, t) {
 	let n = Q("Select.HiddenSelect");
 	return n.native ? null : /* @__PURE__ */ L(j.HiddenSelect, {
 		ref: t,
@@ -3514,13 +3625,13 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 		required: n.required,
 		...e
 	});
-}), ci = B(function(e, t) {
+}), gi = B(function(e, t) {
 	return Q("Select.Control").native ? null : /* @__PURE__ */ L(j.Control, {
 		ref: t,
 		width: "100%",
 		...e
 	});
-}), li = B(function({ children: t, ...n }, i) {
+}), _i = B(function({ children: t, ...n }, i) {
 	let a = Q("Select.Trigger");
 	return a.native ? null : /* @__PURE__ */ R(j.Trigger, {
 		ref: i,
@@ -3558,28 +3669,28 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 			fontSize: r(18)
 		}) })]
 	});
-}), ui = B(function(e, t) {
+}), vi = B(function(e, t) {
 	return Q("Select.ValueText").native ? null : /* @__PURE__ */ L(j.ValueText, {
 		ref: t,
 		color: "fg",
 		...e
 	});
-}), di = B(function(e, t) {
+}), yi = B(function(e, t) {
 	return Q("Select.IndicatorGroup").native ? null : /* @__PURE__ */ L(j.IndicatorGroup, {
 		ref: t,
 		...e
 	});
-}), fi = B(function(e, t) {
+}), bi = B(function(e, t) {
 	return Q("Select.Indicator").native ? null : /* @__PURE__ */ L(j.Indicator, {
 		ref: t,
 		...e
 	});
-}), pi = B(function(e, t) {
+}), xi = B(function(e, t) {
 	return Q("Select.Positioner").native ? null : /* @__PURE__ */ L(j.Positioner, {
 		ref: t,
 		...e
 	});
-}), mi = B(function(e, t) {
+}), Si = B(function(e, t) {
 	return Q("Select.Content").native ? null : /* @__PURE__ */ L(j.Content, {
 		ref: t,
 		borderRadius: "0",
@@ -3592,17 +3703,17 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 		px: 0,
 		...e
 	});
-}), hi = B(function(e, t) {
+}), Ci = B(function(e, t) {
 	return Q("Select.ClearTrigger").native ? null : /* @__PURE__ */ L(j.ClearTrigger, {
 		ref: t,
 		...e
 	});
-}), gi = B(function(e, t) {
+}), wi = B(function(e, t) {
 	return Q("Select.ItemGroup").native ? null : /* @__PURE__ */ L(j.ItemGroup, {
 		ref: t,
 		...e
 	});
-}), _i = B(function(e, t) {
+}), Ti = B(function(e, t) {
 	return Q("Select.ItemGroupLabel").native ? null : /* @__PURE__ */ L(j.ItemGroupLabel, {
 		ref: t,
 		px: r(12),
@@ -3611,7 +3722,7 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 		color: "fg.muted",
 		...e
 	});
-}), vi = B(function({ item: e, children: t, ...n }, i) {
+}), Ei = B(function({ item: e, children: t, ...n }, i) {
 	return Q("Select.Item").native ? null : /* @__PURE__ */ L(j.Item, {
 		ref: i,
 		item: e,
@@ -3633,46 +3744,46 @@ var ri = B(function({ collection: t, id: n, width: i = "full", labelSize: a = 19
 			})
 		}), /* @__PURE__ */ L(j.ItemIndicator, {})] })
 	});
-}), yi = B(function(e, t) {
+}), Di = B(function(e, t) {
 	return Q("Select.ItemText").native ? null : /* @__PURE__ */ L(j.ItemText, {
 		ref: t,
 		...e
 	});
-}), bi = B(function(e, t) {
+}), Oi = B(function(e, t) {
 	return Q("Select.ItemIndicator").native ? null : /* @__PURE__ */ L(j.ItemIndicator, {
 		ref: t,
 		...e
 	});
-}), xi = Object.assign(ri, {
-	Root: ri,
-	Label: ii,
-	Hint: ai,
-	Error: oi,
-	HiddenSelect: si,
-	Control: ci,
-	Trigger: li,
-	ValueText: ui,
-	IndicatorGroup: di,
-	Indicator: fi,
-	Positioner: pi,
-	Content: mi,
-	ClearTrigger: hi,
-	ItemGroup: gi,
-	ItemGroupLabel: _i,
-	Item: vi,
-	ItemText: yi,
-	ItemIndicator: bi
+}), ki = Object.assign(di, {
+	Root: di,
+	Label: fi,
+	Hint: pi,
+	Error: mi,
+	HiddenSelect: hi,
+	Control: gi,
+	Trigger: _i,
+	ValueText: vi,
+	IndicatorGroup: yi,
+	Indicator: bi,
+	Positioner: xi,
+	Content: Si,
+	ClearTrigger: Ci,
+	ItemGroup: wi,
+	ItemGroupLabel: Ti,
+	Item: Ei,
+	ItemText: Di,
+	ItemIndicator: Oi
 });
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControl.tsx
-function Si(e) {
+function Ai(e) {
 	return e.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
 	} : e);
 }
-var Ci = B(function({ items: e, ...t }, n) {
-	let r = ut(() => Si(e), [e]);
+var ji = B(function({ items: e, ...t }, n) {
+	let r = ut(() => Ai(e), [e]);
 	return /* @__PURE__ */ R(A.Root, {
 		ref: n,
 		...t,
@@ -3685,17 +3796,17 @@ var Ci = B(function({ items: e, ...t }, n) {
 			}, e.value)
 		})]
 	});
-}), wi = Object.assign(Ci, {
-	Root: Ci,
+}), Mi = Object.assign(ji, {
+	Root: ji,
 	Indicator: A.Indicator,
 	Item: A.Item,
 	ItemText: A.ItemText,
 	ItemHiddenInput: A.ItemHiddenInput
-}), Ti = {
+}), Ni = {
 	m: r(30),
 	l: r(50),
 	xl: r(80)
-}, Ei = B(function({ spacing: e = "m", visible: t = !0, orientation: n = "horizontal", ...i }, a) {
+}, Pi = B(function({ spacing: e = "m", visible: t = !0, orientation: n = "horizontal", ...i }, a) {
 	let o = n === "vertical";
 	return /* @__PURE__ */ L(Fe, {
 		ref: a,
@@ -3704,14 +3815,14 @@ var Ci = B(function({ items: e, ...t }, n) {
 		borderWidth: "0",
 		borderBottomWidth: o ? "0" : "1px",
 		borderInlineStartWidth: o ? "1px" : "0",
-		my: o ? void 0 : Ti[e],
-		mx: o ? Ti[e] : void 0,
+		my: o ? void 0 : Ni[e],
+		mx: o ? Ni[e] : void 0,
 		minHeight: o ? r(24) : void 0,
 		width: o ? "auto" : "100%",
 		_dark: { borderColor: t ? "primary.900" : "transparent" },
 		...i
 	});
-}), Di = ({ ...e }) => /* @__PURE__ */ L(T, {
+}), Fi = ({ ...e }) => /* @__PURE__ */ L(T, {
 	as: "svg",
 	viewBox: "0 0 10 6",
 	flexShrink: 0,
@@ -3726,21 +3837,22 @@ var Ci = B(function({ items: e, ...t }, n) {
 		d: "M0 6 5 0l5 6H0Z",
 		fill: "currentColor"
 	})
-}), Oi = z(null);
-function ki() {
-	return V(Oi);
+}), Ii = z(null);
+function Li() {
+	return V(Ii);
 }
-var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
-	let a = H(), [o, s] = U(t), c = ut(() => ({
-		isMobileOpen: o,
-		setIsMobileOpen: s,
-		navigationId: a
-	}), [o, a]);
-	return /* @__PURE__ */ L(Oi.Provider, {
-		value: c,
+var Ri = B(function({ children: e, className: t, defaultMobileOpen: n = !1, ...i }, a) {
+	let o = H(), [s, c] = U(n), l = ut(() => ({
+		isMobileOpen: s,
+		setIsMobileOpen: c,
+		navigationId: o
+	}), [s, o]);
+	return /* @__PURE__ */ L(Ii.Provider, {
+		value: l,
 		children: /* @__PURE__ */ L(w, {
-			ref: i,
+			ref: a,
 			as: "nav",
+			className: ["govuk-service-navigation", t].filter(Boolean).join(" "),
 			width: "100%",
 			borderBottom: "1px solid",
 			borderColor: "primary.200",
@@ -3752,7 +3864,7 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 				bgColor: "primary.950",
 				borderColor: "primary.900"
 			},
-			...n,
+			...i,
 			children: /* @__PURE__ */ L(w, {
 				w: "full",
 				maxW: "1200px",
@@ -3775,7 +3887,7 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 			})
 		})
 	});
-}), ji = B(function(e, t) {
+}), zi = B(function(e, t) {
 	return /* @__PURE__ */ L(W, {
 		ref: t,
 		display: "inline-block",
@@ -3798,8 +3910,8 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 			children: e.children
 		})
 	});
-}), Mi = B(function(e, t) {
-	return /* @__PURE__ */ L(M, {
+}), Bi = B(function(e, t) {
+	return /* @__PURE__ */ L(He, {
 		ref: t,
 		display: {
 			base: "block",
@@ -3811,8 +3923,8 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 		...e,
 		children: e.children
 	});
-}), Ni = B(function({ children: e, collapsible: t = !0, id: n, ...r }, i) {
-	let a = ki(), o = n ?? a?.navigationId, s = a?.isMobileOpen ?? !1;
+}), Vi = B(function({ children: e, collapsible: t = !0, id: n, ...r }, i) {
+	let a = Li(), o = n ?? a?.navigationId, s = a?.isMobileOpen ?? !1;
 	return /* @__PURE__ */ L(b, {
 		ref: i,
 		as: "nav",
@@ -3825,8 +3937,8 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 		...r,
 		children: e
 	});
-}), Pi = B(function({ navigationId: e, openLabel: t = "Menu", closedLabel: n = "Menu", children: i, ...o }, s) {
-	let c = ki(), l = e ?? c?.navigationId, u = c?.isMobileOpen ?? !1;
+}), Hi = B(function({ navigationId: e, openLabel: t = "Menu", closedLabel: n = "Menu", children: i, ...o }, s) {
+	let c = Li(), l = e ?? c?.navigationId, u = c?.isMobileOpen ?? !1;
 	return /* @__PURE__ */ L(b, {
 		display: {
 			base: "block",
@@ -3878,10 +3990,10 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 				color: "currentColor",
 				fontSize: 19,
 				children: i ?? (u ? n : t)
-			}), /* @__PURE__ */ L(Di, { transform: u ? "rotate(180deg)" : void 0 })]
+			}), /* @__PURE__ */ L(Fi, { transform: u ? "rotate(180deg)" : void 0 })]
 		})
 	});
-}), Fi = B(function(e, t) {
+}), Ui = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "ul",
@@ -3904,7 +4016,7 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 		},
 		...e
 	});
-}), Ii = B(function({ current: e, active: t, ...n }, i) {
+}), Wi = B(function({ current: e, active: t, ...n }, i) {
 	let a = e ?? t ?? !1;
 	return /* @__PURE__ */ L(b, {
 		ref: i,
@@ -3952,7 +4064,7 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 		_dark: { _after: { bgColor: "primary.300" } },
 		...n
 	});
-}), Li = B(function({ current: e, active: t, ...n }, i) {
+}), Gi = B(function({ current: e, active: t, ...n }, i) {
 	return /* @__PURE__ */ L(W, {
 		ref: i,
 		"aria-current": e ?? t ?? !1 ? "page" : void 0,
@@ -3982,20 +4094,20 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 			children: n.children
 		})
 	});
-}), Ri = Object.assign(Ai, {
-	Root: Ai,
-	ServiceName: ji,
-	ServiceContainer: Mi,
-	Nav: Ni,
-	Toggle: Pi,
-	List: Fi,
-	Item: Ii,
-	Link: Li
-}), zi = Object.assign(Le, {
+}), Ki = Object.assign(Ri, {
+	Root: Ri,
+	ServiceName: zi,
+	ServiceContainer: Bi,
+	Nav: Vi,
+	Toggle: Hi,
+	List: Ui,
+	Item: Wi,
+	Link: Gi
+}), qi = Object.assign(Le, {
 	Root: Le,
 	Circle: Re,
 	Text: ze
-}), Bi = B(({ children: e = "Skip to main content", href: t = "#content", ...n }, i) => /* @__PURE__ */ L(W, {
+}), Ji = B(({ children: e = "Skip to main content", href: t = "#content", ...n }, i) => /* @__PURE__ */ L(W, {
 	ref: i,
 	href: t,
 	position: "absolute",
@@ -4035,16 +4147,16 @@ var Ai = B(function({ children: e, defaultMobileOpen: t = !1, ...n }, i) {
 		children: e
 	})
 }));
-Bi.displayName = "SkipLink", Be.Root;
-var Vi = Object.assign(Be.Root, { ...Be }), Hi = B(function({ ...e }, t) {
+Ji.displayName = "SkipLink", Be.Root;
+var Yi = Object.assign(Be.Root, { ...Be }), Xi = B(function({ ...e }, t) {
 	return /* @__PURE__ */ L(Ve, {
 		ref: t,
 		...e
 	});
-}), Ui = Object.assign(Hi, { Root: Hi }), Wi = 2, Gi = 500;
-function Ki(e) {
+}), Zi = Object.assign(Xi, { Root: Xi }), Qi = 2, $i = 500;
+function ea(e) {
 	let t = [];
-	for (let e = 0; e < Wi; e += 1) for (let n = 0; n < 10; n += 1) t.push({
+	for (let e = 0; e < Qi; e += 1) for (let n = 0; n < 10; n += 1) t.push({
 		id: `loop-${e}-${n}`,
 		digit: String(n)
 	});
@@ -4054,7 +4166,7 @@ function Ki(e) {
 	});
 	return t;
 }
-function qi(e, t) {
+function ta(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = e.replace(/\D/g, "").length, i = 0;
 	return e.split("").map((e) => {
 		let a = (n.get(e) ?? 0) + 1;
@@ -4067,7 +4179,7 @@ function qi(e, t) {
 			id: `digit-${e}-${a}`,
 			character: e,
 			isDigit: !0,
-			reelDigits: Ki(o),
+			reelDigits: ea(o),
 			travel: 20 + o,
 			delay: Math.max(0, (r - i - 1) * 70),
 			duration: t
@@ -4075,12 +4187,12 @@ function qi(e, t) {
 		return i += 1, s;
 	});
 }
-function Ji({ formattedValue: e, animationDuration: t }) {
+function na({ formattedValue: e, animationDuration: t }) {
 	let [n, r] = U(!1);
-	lt(() => Yi(() => {
+	lt(() => ra(() => {
 		r(!0);
 	}), []);
-	let i = qi(e, t);
+	let i = ta(e, t);
 	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(et, { children: e }), /* @__PURE__ */ L(b, {
 		"aria-hidden": "true",
 		display: "inline-flex",
@@ -4124,7 +4236,7 @@ function Ji({ formattedValue: e, animationDuration: t }) {
 		}, e.id))
 	})] });
 }
-function Yi(e) {
+function ra(e) {
 	if (typeof window < "u" && typeof window.requestAnimationFrame == "function") {
 		let t = 0, n = 0;
 		return t = window.requestAnimationFrame(() => {
@@ -4136,53 +4248,53 @@ function Yi(e) {
 	let t = setTimeout(e, 32);
 	return () => clearTimeout(t);
 }
-var Xi = B(function(e, t) {
-	let n = N.Root;
+var ia = B(function(e, t) {
+	let n = M.Root;
 	return /* @__PURE__ */ L(n, {
 		ref: t,
 		as: "div",
 		...e
 	});
-}), Zi = B(function(e, t) {
-	return /* @__PURE__ */ L(N.Label, {
+}), aa = B(function(e, t) {
+	return /* @__PURE__ */ L(M.Label, {
 		ref: t,
 		as: "span",
 		...e
 	});
-}), Qi = B(function(e, t) {
-	return /* @__PURE__ */ L(N.HelpText, {
+}), oa = B(function(e, t) {
+	return /* @__PURE__ */ L(M.HelpText, {
 		ref: t,
 		as: "span",
 		...e
 	});
-}), $i = B(function({ value: e, animate: t = !0, animationDuration: n = Gi, locales: r, formatOptions: i, children: a, ...o }, s) {
+}), sa = B(function({ value: e, animate: t = !0, animationDuration: n = $i, locales: r, formatOptions: i, children: a, ...o }, s) {
 	let c = typeof e == "number" ? new Intl.NumberFormat(r, i).format(e) : null;
-	return !(t && c !== null && a == null) || c == null ? /* @__PURE__ */ L(N.ValueText, {
+	return !(t && c !== null && a == null) || c == null ? /* @__PURE__ */ L(M.ValueText, {
 		ref: s,
 		as: "span",
 		...o,
 		children: a ?? c ?? e
-	}) : /* @__PURE__ */ L(N.ValueText, {
+	}) : /* @__PURE__ */ L(M.ValueText, {
 		ref: s,
 		as: "span",
 		...o,
-		children: /* @__PURE__ */ L(Ji, {
+		children: /* @__PURE__ */ L(na, {
 			formattedValue: c,
 			animationDuration: n
 		}, `${c}-${n}`)
 	});
-}), ea = Object.assign(Xi, {
-	...N,
-	HelpText: Qi,
-	Label: Zi,
-	Root: Xi,
-	ValueText: $i
+}), ca = Object.assign(ia, {
+	...M,
+	HelpText: oa,
+	Label: aa,
+	Root: ia,
+	ValueText: sa
 });
-He.Root;
-var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na, {
-	...Ue,
-	Root: na
-}), ia = "border", aa = B(function(e, t) {
+Ue.Root;
+var la = Object.assign(Ue.Root, { ...Ue }), ua = We.Root, da = Object.assign(ua, {
+	...We,
+	Root: ua
+}), fa = "border", pa = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "dl",
@@ -4193,7 +4305,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		lineHeight: 1.3157894737,
 		...e
 	});
-}), oa = B(function(e, t) {
+}), ma = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "div",
@@ -4202,7 +4314,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 			md: r(20)
 		},
 		borderBottom: "1px solid",
-		borderColor: ia,
+		borderColor: fa,
 		display: {
 			base: "block",
 			md: "grid"
@@ -4216,11 +4328,11 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		alignItems: "start",
 		_first: {
 			borderTop: "1px solid",
-			borderColor: ia
+			borderColor: fa
 		},
 		...e
 	});
-}), sa = B(function(e, t) {
+}), ha = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "dt",
@@ -4230,7 +4342,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		pr: { md: r(20) },
 		...e
 	});
-}), ca = B(function(e, t) {
+}), ga = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "dd",
@@ -4239,7 +4351,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		overflowWrap: "break-word",
 		...e
 	});
-}), la = B(function(e, t) {
+}), _a = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "dd",
@@ -4253,7 +4365,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		color: "fg",
 		...e
 	});
-}), ua = B(function(e, t) {
+}), va = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "ul",
@@ -4266,7 +4378,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		p: 0,
 		...e
 	});
-}), da = B(function(e, t) {
+}), ya = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "li",
@@ -4274,22 +4386,22 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		p: 0,
 		...e
 	});
-}), fa = B(function({ children: e, visuallyHiddenText: t, ...n }, r) {
+}), ba = B(function({ children: e, visuallyHiddenText: t, ...n }, r) {
 	return /* @__PURE__ */ R(W, {
 		ref: r,
 		...n,
 		children: [e, t ? /* @__PURE__ */ L(et, { children: ` ${t}` }) : null]
 	});
-}), pa = B(function(e, t) {
+}), xa = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		border: "1px solid",
-		borderColor: ia,
+		borderColor: fa,
 		width: "100%",
 		mb: r(20),
 		...e
 	});
-}), ma = B(function(e, t) {
+}), Sa = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		px: {
@@ -4299,7 +4411,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		py: r(15),
 		bg: "gray.50",
 		borderBottom: "1px solid",
-		borderColor: ia,
+		borderColor: fa,
 		display: {
 			base: "block",
 			md: "flex"
@@ -4309,7 +4421,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		gap: r(15),
 		...e
 	});
-}), ha = B(function(e, t) {
+}), Ca = B(function(e, t) {
 	return /* @__PURE__ */ L(G, {
 		ref: t,
 		as: "h2",
@@ -4317,7 +4429,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		mb: 0,
 		...e
 	});
-}), ga = B(function(e, t) {
+}), wa = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		mt: {
@@ -4327,7 +4439,7 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		textAlign: { md: "right" },
 		...e
 	});
-}), _a = B(function(e, t) {
+}), Ta = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		px: {
@@ -4338,40 +4450,40 @@ var ta = Object.assign(He.Root, { ...He }), na = Ue.Root, ra = Object.assign(na,
 		css: { "& > dl > div:first-of-type": { borderTop: "none" } },
 		...e
 	});
-}), va = Object.assign(aa, {
-	Root: aa,
-	Row: oa,
-	Key: sa,
-	Value: ca,
-	Actions: la,
-	ActionsList: ua,
-	ActionsListItem: da,
-	ActionLink: fa,
-	Card: pa,
-	CardHeader: ma,
-	CardTitle: ha,
-	CardActions: ga,
-	CardContent: _a
+}), Ea = Object.assign(pa, {
+	Root: pa,
+	Row: ma,
+	Key: ha,
+	Value: ga,
+	Actions: _a,
+	ActionsList: va,
+	ActionsListItem: ya,
+	ActionLink: ba,
+	Card: xa,
+	CardHeader: Sa,
+	CardTitle: Ca,
+	CardActions: wa,
+	CardContent: Ta
 });
-We.Root;
-var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
+Ge.Root;
+var Da = Object.assign(Ge.Root, { ...Ge }), Oa = (e = "md") => {
 	let t = {
 		sm: r(10),
 		md: r(15),
 		lg: r(20)
 	}[e];
 	return `${t} ${r(20)} ${t} ${r(20)}`;
-}, xa = `${r(10)} ${r(20)} ${r(10)} 0`, Sa = z({
+}, ka = `${r(10)} ${r(20)} ${r(10)} 0`, Aa = z({
 	striped: !1,
 	size: "lg"
-}), Ca = () => V(Sa), wa = B(function({ fontSize: e = 16, ...t }, n) {
+}), ja = () => V(Aa), Ma = B(function({ fontSize: e = 16, ...t }, n) {
 	let { striped: r, ...a } = t, o = r === !0, s = t.size === "sm" || t.size === "lg" ? t.size : "md", c = i(e);
-	return /* @__PURE__ */ L(Sa.Provider, {
+	return /* @__PURE__ */ L(Aa.Provider, {
 		value: {
 			striped: o,
 			size: s
 		},
-		children: /* @__PURE__ */ L(P.Root, {
+		children: /* @__PURE__ */ L(N.Root, {
 			ref: n,
 			width: "100%",
 			borderCollapse: "collapse",
@@ -4389,8 +4501,8 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 			...a
 		})
 	});
-}), Ta = B(function(e, t) {
-	return /* @__PURE__ */ L(P.Caption, {
+}), Na = B(function(e, t) {
+	return /* @__PURE__ */ L(N.Caption, {
 		ref: t,
 		captionSide: "top",
 		textAlign: "left",
@@ -4401,32 +4513,32 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 		mb: r(15),
 		...e
 	});
-}), Ea = B(function(e, t) {
-	return /* @__PURE__ */ L(P.Header, {
+}), Pa = B(function(e, t) {
+	return /* @__PURE__ */ L(N.Header, {
 		ref: t,
 		borderBottomWidth: "1px",
 		...e
 	});
-}), Da = B(function(e, t) {
-	return /* @__PURE__ */ L(P.Body, {
+}), Fa = B(function(e, t) {
+	return /* @__PURE__ */ L(N.Body, {
 		ref: t,
 		...e
 	});
-}), Oa = B(function(e, t) {
-	return /* @__PURE__ */ L(P.Footer, {
+}), Ia = B(function(e, t) {
+	return /* @__PURE__ */ L(N.Footer, {
 		ref: t,
 		...e
 	});
-}), ka = B(function(e, t) {
-	return /* @__PURE__ */ L(P.Row, {
+}), La = B(function(e, t) {
+	return /* @__PURE__ */ L(N.Row, {
 		ref: t,
 		...e
 	});
-}), Aa = B(function({ numeric: e = !1, ...t }, n) {
-	let { striped: r, size: i } = Ca();
-	return /* @__PURE__ */ L(P.ColumnHeader, {
+}), Ra = B(function({ numeric: e = !1, ...t }, n) {
+	let { striped: r, size: i } = ja();
+	return /* @__PURE__ */ L(N.ColumnHeader, {
 		ref: n,
-		padding: r ? ba(i) : xa,
+		padding: r ? Oa(i) : ka,
 		color: "fg",
 		fontWeight: "700",
 		textAlign: e ? "right" : "left",
@@ -4434,12 +4546,12 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 		borderColor: "border",
 		...t
 	});
-}), ja = B(function({ numeric: e = !1, ...t }, n) {
-	let { striped: i, size: a } = Ca();
-	return /* @__PURE__ */ L(P.Cell, {
+}), za = B(function({ numeric: e = !1, ...t }, n) {
+	let { striped: i, size: a } = ja();
+	return /* @__PURE__ */ L(N.Cell, {
 		ref: n,
 		py: r(10),
-		padding: i ? ba(a) : xa,
+		padding: i ? Oa(a) : ka,
 		color: "fg",
 		textAlign: e ? "right" : "left",
 		verticalAlign: "top",
@@ -4447,16 +4559,16 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 		borderBottomWidth: "1px",
 		...t
 	});
-}), Ma = B(function({ numeric: e = !1, ...t }, n) {
-	let { striped: i, size: a } = Ca();
-	return /* @__PURE__ */ L(P.Cell, {
+}), Ba = B(function({ numeric: e = !1, ...t }, n) {
+	let { striped: i, size: a } = ja();
+	return /* @__PURE__ */ L(N.Cell, {
 		ref: n,
 		as: "th",
 		scope: "row",
 		py: r(10),
 		pe: 0,
 		ps: 0,
-		padding: i ? ba(a) : xa,
+		padding: i ? Oa(a) : ka,
 		color: "fg",
 		fontWeight: "700",
 		textAlign: e ? "right" : "left",
@@ -4465,32 +4577,32 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 		borderBottomWidth: "1px",
 		...t
 	});
-}), Na = Object.assign(wa, {
-	Root: wa,
-	Caption: Ta,
-	Header: Ea,
-	Body: Da,
-	Footer: Oa,
-	Row: ka,
-	ColumnHeader: Aa,
-	Cell: ja,
-	RowHeader: Ma
-}), Pa = B(function({ items: e, children: t, defaultValue: n, ...r }, i) {
+}), Va = Object.assign(Ma, {
+	Root: Ma,
+	Caption: Na,
+	Header: Pa,
+	Body: Fa,
+	Footer: Ia,
+	Row: La,
+	ColumnHeader: Ra,
+	Cell: za,
+	RowHeader: Ba
+}), Ha = B(function({ items: e, children: t, defaultValue: n, ...r }, i) {
 	let a = e?.[0]?.value;
-	return /* @__PURE__ */ L(Ge.Root, {
+	return /* @__PURE__ */ L(Ke.Root, {
 		ref: i,
 		defaultValue: n ?? a,
 		...r,
-		children: e ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(Fa, { children: e.map((e) => /* @__PURE__ */ L(Ia, {
+		children: e ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(Ua, { children: e.map((e) => /* @__PURE__ */ L(Wa, {
 			value: e.value,
 			children: e.label
-		}, e.value)) }), e.map((e) => /* @__PURE__ */ L(La, {
+		}, e.value)) }), e.map((e) => /* @__PURE__ */ L(Ga, {
 			value: e.value,
 			children: e.content
 		}, e.value))] }) : t
 	});
-}), Fa = B(function(e, t) {
-	return /* @__PURE__ */ L(Ge.List, {
+}), Ua = B(function(e, t) {
+	return /* @__PURE__ */ L(Ke.List, {
 		ref: t,
 		gap: 0,
 		bg: "transparent",
@@ -4502,8 +4614,8 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 		marginBottom: "-2px",
 		...e
 	});
-}), Ia = B(function({ children: e, ...t }, n) {
-	return /* @__PURE__ */ L(Ge.Trigger, {
+}), Wa = B(function({ children: e, ...t }, n) {
+	return /* @__PURE__ */ L(Ke.Trigger, {
 		ref: n,
 		borderRadius: "0",
 		bgColor: "bg.subtle",
@@ -4552,8 +4664,8 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 			children: e
 		})
 	});
-}), La = B(function(e, t) {
-	return /* @__PURE__ */ L(Ge.Content, {
+}), Ga = B(function(e, t) {
+	return /* @__PURE__ */ L(Ke.Content, {
 		ref: t,
 		border: "1px solid",
 		borderColor: "border.subtle",
@@ -4566,14 +4678,14 @@ var ya = Object.assign(We.Root, { ...We }), ba = (e = "md") => {
 		_focusVisible: { outline: "none" },
 		...e
 	});
-}), Ra = Object.assign(Pa, {
-	Root: Pa,
-	List: Fa,
-	Trigger: Ia,
-	Content: La
+}), Ka = Object.assign(Ha, {
+	Root: Ha,
+	List: Ua,
+	Trigger: Wa,
+	Content: Ga
 });
-Ke.Root;
-var za = Object.assign(Ke.Root, { ...Ke }), Ba = {
+qe.Root;
+var qa = Object.assign(qe.Root, { ...qe }), Ja = {
 	completed: {
 		label: "Completed",
 		color: "green"
@@ -4590,7 +4702,7 @@ var za = Object.assign(Ke.Root, { ...Ke }), Ba = {
 		label: "Not started",
 		color: "blue"
 	}
-}, Va = z(Ba), Ha = B(function({ children: e, ...t }, n) {
+}, Ya = z(Ja), Xa = B(function({ children: e, ...t }, n) {
 	return /* @__PURE__ */ L(a, {
 		ref: n,
 		as: "h2",
@@ -4602,26 +4714,26 @@ var za = Object.assign(Ke.Root, { ...Ke }), Ba = {
 		children: e
 	});
 });
-Ha.displayName = "TaskListHeading";
-var Ua = B(function({ items: e, heading: t, statuses: n, children: r, ...i }, a) {
-	let o = at.toArray(r), s = o.find((e) => st(e) && e.type === Ha), c = o.filter((e) => e !== s), l = {
-		...Ba,
+Xa.displayName = "TaskListHeading";
+var Za = B(function({ items: e, heading: t, statuses: n, children: r, ...i }, a) {
+	let o = at.toArray(r), s = o.find((e) => st(e) && e.type === Xa), c = o.filter((e) => e !== s), l = {
+		...Ja,
 		...n
 	};
-	return /* @__PURE__ */ L(Va.Provider, {
+	return /* @__PURE__ */ L(Ya.Provider, {
 		value: l,
-		children: /* @__PURE__ */ R(M, {
+		children: /* @__PURE__ */ R(He, {
 			ref: a,
 			gap: 0,
 			as: "section",
 			width: "100%",
 			...i,
-			children: [s ?? (t ? /* @__PURE__ */ L(Ha, { children: t }) : null), /* @__PURE__ */ L(b, {
+			children: [s ?? (t ? /* @__PURE__ */ L(Xa, { children: t }) : null), /* @__PURE__ */ L(b, {
 				as: "ul",
 				listStyleType: "none",
 				m: 0,
 				p: 0,
-				children: e ? e.map((e) => /* @__PURE__ */ L(Wa, {
+				children: e ? e.map((e) => /* @__PURE__ */ L(Qa, {
 					title: e.title,
 					href: e.href,
 					hint: e.hint,
@@ -4631,8 +4743,8 @@ var Ua = B(function({ items: e, heading: t, statuses: n, children: r, ...i }, a)
 		})
 	});
 });
-Ua.displayName = "TaskList";
-var Wa = B(function({ title: e, href: t, status: n = "incomplete", hint: i, ...o }, s) {
+Za.displayName = "TaskList";
+var Qa = B(function({ title: e, href: t, status: n = "incomplete", hint: i, ...o }, s) {
 	let c = `task-status-${String(e).toLowerCase().replace(/[^a-z0-9]+/g, "-")}`;
 	return /* @__PURE__ */ L(b, {
 		ref: s,
@@ -4687,17 +4799,17 @@ var Wa = B(function({ title: e, href: t, status: n = "incomplete", hint: i, ...o
 					mb: 0,
 					children: i
 				}) : null]
-			}), /* @__PURE__ */ L(Ga, {
+			}), /* @__PURE__ */ L($a, {
 				id: c,
 				status: n
 			})]
 		}) })
 	});
 });
-Wa.displayName = "TaskListItem";
-var Ga = B(function({ status: e, children: t, ...n }, i) {
-	let a = V(Va)[e];
-	return /* @__PURE__ */ L(ho, {
+Qa.displayName = "TaskListItem";
+var $a = B(function({ status: e, children: t, ...n }, i) {
+	let a = V(Ya)[e];
+	return /* @__PURE__ */ L(Co, {
 		ref: i,
 		as: "span",
 		flexShrink: 0,
@@ -4708,16 +4820,16 @@ var Ga = B(function({ status: e, children: t, ...n }, i) {
 		children: t ?? a?.label ?? e
 	});
 });
-Ga.displayName = "TaskListStatus";
-var Ka = Object.assign(Ua, {
-	Root: Ua,
-	Heading: Ha,
-	Item: Wa,
-	Status: Ga
-}), qa = z(null), $ = {
+$a.displayName = "TaskListStatus";
+var eo = Object.assign(Za, {
+	Root: Za,
+	Heading: Xa,
+	Item: Qa,
+	Status: $a
+}), to = z(null), $ = {
 	Root: B(function({ invalid: e, children: t, ...n }, i) {
 		let a = !!e, o = `govuk-textarea-${H()}`;
-		return /* @__PURE__ */ L(qa.Provider, {
+		return /* @__PURE__ */ L(to.Provider, {
 			value: { inputId: o },
 			children: /* @__PURE__ */ L(C.Root, {
 				ref: i,
@@ -4734,7 +4846,7 @@ var Ka = Object.assign(Ua, {
 		});
 	}),
 	Label: B(function({ fontSize: e = 19, children: t, ...r }, i) {
-		let a = V(qa);
+		let a = V(to);
 		return /* @__PURE__ */ L(F.label, {
 			ref: i,
 			htmlFor: a?.inputId,
@@ -4774,8 +4886,8 @@ var Ka = Object.assign(Ua, {
 		});
 	}),
 	Input: B(function({ rows: t = 5, id: n, ...i }, a) {
-		let o = V(qa);
-		return /* @__PURE__ */ L(qe, {
+		let o = V(to);
+		return /* @__PURE__ */ L(Je, {
 			ref: a,
 			id: n ?? o?.inputId,
 			rows: t,
@@ -4811,7 +4923,7 @@ var Ka = Object.assign(Ua, {
 $.Root, $.Label, $.Hint, $.Error, $.Input;
 //#endregion
 //#region src/components/Textinput/Textinput.tsx
-var Ja = {
+var no = {
 	30: "59ex",
 	20: "41ex",
 	10: "23ex",
@@ -4819,7 +4931,7 @@ var Ja = {
 	4: "9ex",
 	3: "7.2ex",
 	2: "5.4ex"
-}, Ya = B(function({ invalid: e, children: t, ...n }, i) {
+}, ro = B(function({ invalid: e, children: t, ...n }, i) {
 	return /* @__PURE__ */ L(C.Root, {
 		ref: i,
 		invalid: !!e,
@@ -4829,7 +4941,7 @@ var Ja = {
 		...n,
 		children: t
 	});
-}), Xa = B(function({ fontSize: e = 19, children: t, ...r }, i) {
+}), io = B(function({ fontSize: e = 19, children: t, ...r }, i) {
 	return /* @__PURE__ */ L(F.label, {
 		ref: i,
 		...n(e),
@@ -4839,7 +4951,7 @@ var Ja = {
 		...r,
 		children: t
 	});
-}), Za = B(function({ children: e, ...t }, n) {
+}), ao = B(function({ children: e, ...t }, n) {
 	return /* @__PURE__ */ L(C.HelperText, {
 		ref: n,
 		asChild: !0,
@@ -4851,7 +4963,7 @@ var Ja = {
 			children: e
 		})
 	});
-}), Qa = B(function({ children: e, ...t }, n) {
+}), oo = B(function({ children: e, ...t }, n) {
 	return /* @__PURE__ */ L(C.ErrorText, {
 		ref: n,
 		asChild: !0,
@@ -4864,7 +4976,7 @@ var Ja = {
 			children: `Error: ${e}`
 		})
 	});
-}), $a = B(function({ width: t = "full", fontSize: n = 16, invalid: a, ...o }, s) {
+}), so = B(function({ width: t = "full", fontSize: n = 16, invalid: a, ...o }, s) {
 	let c = i(n);
 	return c ? /* @__PURE__ */ L(be, {
 		ref: s,
@@ -4886,7 +4998,7 @@ var Ja = {
 		py: r(5),
 		h: r(40),
 		w: t === "full" ? "100%" : "auto",
-		maxW: t === "full" ? void 0 : Ja[t],
+		maxW: t === "full" ? void 0 : no[t],
 		_placeholder: {
 			color: "fg.muted",
 			opacity: 1
@@ -4915,7 +5027,7 @@ var Ja = {
 		py: r(5),
 		h: r(40),
 		w: t === "full" ? "100%" : "auto",
-		maxW: t === "full" ? void 0 : Ja[t],
+		maxW: t === "full" ? void 0 : no[t],
 		_placeholder: {
 			color: "fg.muted",
 			opacity: 1
@@ -4932,32 +5044,32 @@ var Ja = {
 		},
 		...o
 	});
-}), eo = B(function({ id: e, label: t, hint: n, error: r, width: i = "full", labelSize: a = 19, required: o, disabled: s, invalid: c, formProps: l, ...u }, d) {
+}), co = B(function({ id: e, label: t, hint: n, error: r, width: i = "full", labelSize: a = 19, required: o, disabled: s, invalid: c, formProps: l, ...u }, d) {
 	let f = H(), p = e ?? `govuk-text-input-${f}`, m = n ? `${p}-hint` : void 0, h = r ? `${p}-error` : void 0, g = !!r || !!c, _ = [
 		m,
 		h,
 		u["aria-describedby"]
 	].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ R(Ya, {
+	return /* @__PURE__ */ R(ro, {
 		required: o,
 		disabled: s,
 		invalid: g,
 		...l,
 		children: [
-			t ? /* @__PURE__ */ L(Xa, {
+			t ? /* @__PURE__ */ L(io, {
 				htmlFor: p,
 				fontSize: a,
 				children: t
 			}) : null,
-			n ? /* @__PURE__ */ L(Za, {
+			n ? /* @__PURE__ */ L(ao, {
 				id: m,
 				children: n
 			}) : null,
-			r ? /* @__PURE__ */ L(Qa, {
+			r ? /* @__PURE__ */ L(oo, {
 				id: h,
 				children: r
 			}) : null,
-			/* @__PURE__ */ L($a, {
+			/* @__PURE__ */ L(so, {
 				ref: d,
 				id: p,
 				"aria-describedby": _,
@@ -4967,28 +5079,28 @@ var Ja = {
 			})
 		]
 	});
-}), to = Object.assign(eo, {
-	Root: Ya,
-	Label: Xa,
-	Hint: Za,
-	Error: Qa,
-	Input: $a
+}), lo = Object.assign(co, {
+	Root: ro,
+	Label: io,
+	Hint: ao,
+	Error: oo,
+	Input: so
 });
-Je.Root;
-var no = Object.assign(Je.Root, { ...Je });
 Ye.Root;
-var ro = B(function(e, t) {
-	return /* @__PURE__ */ L(Ye.CloseTrigger, {
+var uo = Object.assign(Ye.Root, { ...Ye });
+Xe.Root;
+var fo = B(function(e, t) {
+	return /* @__PURE__ */ L(Xe.CloseTrigger, {
 		ref: t,
 		...e,
 		children: e.children ?? /* @__PURE__ */ L(T, { children: /* @__PURE__ */ L(o, {}) })
 	});
-}), io = Object.assign(Ye.Root, {
-	Toaster: Xe,
+}), po = Object.assign(Xe.Root, {
+	Toaster: Ze,
 	createToaster: tt,
-	...Ye,
-	CloseTrigger: ro
-}), ao = B(function({ children: e, content: t, positioning: n = { placement: "top" }, ...r }, i) {
+	...Xe,
+	CloseTrigger: fo
+}), mo = B(function({ children: e, content: t, positioning: n = { placement: "top" }, ...r }, i) {
 	let a = it({ key: "toggleTip" })(), o = st(e) ? ot(e, { css: [a.trigger, e.props.css] }) : /* @__PURE__ */ L(ve, {
 		"aria-label": "More information",
 		size: "xs",
@@ -5012,19 +5124,19 @@ var ro = B(function(e, t) {
 			})]
 		}) }) })]
 	});
-}), oo = B(function(e, t) {
-	return /* @__PURE__ */ L(ao, {
+}), ho = B(function(e, t) {
+	return /* @__PURE__ */ L(mo, {
 		ref: t,
 		...e
 	});
-}), so = Object.assign(ao, {
-	Root: ao,
-	InfoTip: oo
+}), go = Object.assign(mo, {
+	Root: mo,
+	InfoTip: ho
 });
-Ze.Root;
-var co = Object.assign(Ze.Root, { ...Ze });
 Qe.Root;
-var lo = B(function(e, t) {
+var _o = Object.assign(Qe.Root, { ...Qe });
+$e.Root;
+var vo = B(function(e, t) {
 	return /* @__PURE__ */ L(T, {
 		...e,
 		ref: t,
@@ -5032,7 +5144,7 @@ var lo = B(function(e, t) {
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ L(h, {})
 	});
-}), uo = B(function(e, t) {
+}), yo = B(function(e, t) {
 	return /* @__PURE__ */ L(T, {
 		...e,
 		ref: t,
@@ -5040,11 +5152,11 @@ var lo = B(function(e, t) {
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ L(m, {})
 	});
-}), fo = Object.assign(Qe.Root, {
-	...Qe,
-	FileIcon: uo,
-	FolderIcon: lo
-}), po = B(function({ children: e, assistiveText: t = "Warning", iconText: n = "!", iconProps: i, ...o }, s) {
+}), bo = Object.assign($e.Root, {
+	...$e,
+	FileIcon: yo,
+	FolderIcon: vo
+}), xo = B(function({ children: e, assistiveText: t = "Warning", iconText: n = "!", iconProps: i, ...o }, s) {
 	return /* @__PURE__ */ R(w, {
 		ref: s,
 		role: "note",
@@ -5078,7 +5190,7 @@ var lo = B(function(e, t) {
 			children: [/* @__PURE__ */ L(et, { children: `${t}: ` }), e]
 		})]
 	});
-}), mo = {
+}), So = {
 	gray: {
 		bgColor: "gray.50",
 		color: "fg",
@@ -5151,9 +5263,9 @@ var lo = B(function(e, t) {
 			color: "yellow.200"
 		}
 	}
-}, ho = B(function({ children: e, bold: t, uppercase: n, variant: i = "gray", variantStyles: o, ...s }, c) {
+}, Co = B(function({ children: e, bold: t, uppercase: n, variant: i = "gray", variantStyles: o, ...s }, c) {
 	let l = i === "grey" ? "gray" : i, u = {
-		...mo,
+		...So,
 		...o
 	};
 	return /* @__PURE__ */ L(a, {
@@ -5177,7 +5289,7 @@ var lo = B(function(e, t) {
 });
 //#endregion
 //#region src/components/PhaseBanner/PhaseBanner.tsx
-function go(e) {
+function wo(e) {
 	switch (e) {
 		case "discovery": return {
 			label: "Discovery",
@@ -5197,8 +5309,8 @@ function go(e) {
 		};
 	}
 }
-var _o = B(function({ phase: e = "beta", children: t, ...n }, i) {
-	let { label: a, tagVariant: o } = go(e);
+var To = B(function({ phase: e = "beta", children: t, ...n }, i) {
+	let { label: a, tagVariant: o } = wo(e);
 	return /* @__PURE__ */ L(w, {
 		className: "govuk-phase-banner",
 		ref: i,
@@ -5210,18 +5322,18 @@ var _o = B(function({ phase: e = "beta", children: t, ...n }, i) {
 		alignItems: "center",
 		maxW: "1200px",
 		...n,
-		children: /* @__PURE__ */ R(vo, {
+		children: /* @__PURE__ */ R(Eo, {
 			maxW: "1200px",
 			w: "full",
 			borderBottom: "1px solid {colors.border}",
 			py: r(10),
-			children: [/* @__PURE__ */ L(yo, {
+			children: [/* @__PURE__ */ L(Do, {
 				variant: o,
 				children: a
 			}), t]
 		})
 	});
-}), vo = B(function(e, t) {
+}), Eo = B(function(e, t) {
 	return /* @__PURE__ */ L(b, {
 		ref: t,
 		as: "p",
@@ -5235,8 +5347,8 @@ var _o = B(function({ phase: e = "beta", children: t, ...n }, i) {
 		lineHeight: r(20),
 		...e
 	});
-}), yo = B(function({ children: e, variant: t = "blue", ...n }, i) {
-	return /* @__PURE__ */ L(ho, {
+}), Do = B(function({ children: e, variant: t = "blue", ...n }, i) {
+	return /* @__PURE__ */ L(Co, {
 		ref: i,
 		as: "span",
 		variant: t,
@@ -5249,7 +5361,7 @@ var _o = B(function({ phase: e = "beta", children: t, ...n }, i) {
 		...n,
 		children: e
 	});
-}), bo = B(function(e, t) {
+}), Oo = B(function(e, t) {
 	return /* @__PURE__ */ L(a, {
 		ref: t,
 		as: "span",
@@ -5261,20 +5373,20 @@ var _o = B(function({ phase: e = "beta", children: t, ...n }, i) {
 		display: "inline-flex",
 		...e
 	});
-}), xo = B(function(e, t) {
+}), ko = B(function(e, t) {
 	return /* @__PURE__ */ L(W, {
 		ref: t,
 		ml: r(10),
 		...e
 	});
-}), So = Object.assign(_o, {
-	Root: _o,
-	Content: vo,
-	Tag: yo,
-	Text: bo,
-	Link: xo
+}), Ao = Object.assign(To, {
+	Root: To,
+	Content: Eo,
+	Tag: Do,
+	Text: Oo,
+	Link: ko
 });
 //#endregion
-export { Tn as $, Xr as A, rr as B, zi as C, jt as Ct, xi as D, W as Dt, wi as E, xt as Et, Mr as F, Zn as G, tr as H, jr as I, qn as J, Xn as K, Tr as L, Fr as M, Pr as N, $r as O, Nr as P, En as Q, xr as R, Bi as S, Mt as St, Ei as T, G as Tt, er as U, nr as V, Qn as W, Wn as X, Gn as Y, Rn as Z, ra as _, Wt as _t, co as a, cn as at, Ui as b, Vt as bt, no as c, J as ct, Ka as d, Zt as dt, wn as et, za as f, Xt as ft, va as g, Gt as gt, ya as h, q as ht, fo as i, un as it, Yr as j, Qr as k, to as l, $t as lt, Na as m, qt as mt, ho as n, Z as nt, so as o, sn as ot, Ra as p, Jt as pt, Jn as q, po as r, pn as rt, io as s, on as st, So as t, _n as tt, $ as u, Qt as ut, ta as v, K as vt, Ri as w, At as wt, Vi as x, Bt as xt, ea as y, Ht as yt, dr as z };
+export { En as $, ii as A, dr as B, qi as C, Mt as Ct, ki as D, xt as Dt, Mi as E, G as Et, Br as F, Qn as G, lr as H, zr as I, Jn as J, Zn as K, Nr as L, Ur as M, Hr as N, si as O, W as Ot, Vr as P, Rn as Q, kr as R, Ji as S, Bt as St, Pi as T, At as Tt, cr as U, ur as V, er as W, Gn as X, qn as Y, Wn as Z, da as _, Gt as _t, _o as a, un as at, Zi as b, Ht as bt, uo as c, on as ct, eo as d, Qt as dt, Tn as et, qa as f, Zt as ft, Ea as g, q as gt, Da as h, qt as ht, bo as i, pn as it, ri as j, oi as k, lo as l, J as lt, Va as m, Jt as mt, Co as n, _n as nt, go as o, cn as ot, Ka as p, Xt as pt, Xn as q, xo as r, Z as rt, po as s, sn as st, Ao as t, wn as tt, $ as u, $t as ut, la as v, Wt as vt, Ki as w, jt as wt, Yi as x, Vt as xt, ca as y, K as yt, yr as z };
 
-//# sourceMappingURL=govuk-chakra-BWPVEeo7.mjs.map
+//# sourceMappingURL=govuk-chakra-0wIbHjYQ.mjs.map