@leabankab/component-library 8.12.0 → 8.13.0

package/dist/website.mjs

@@ -2,10 +2,10 @@
 import { useRender as e } from "@base-ui/react/use-render";
 import { ArrowRight as t, ArrowUpRight as n, ChevronDown as r, ChevronLeft as i, ChevronRight as a, CircleUserRound as o, Menu as s, Pause as c, Play as l, TriangleAlert as u, X as d } from "lucide-react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Children as h, Fragment as g, cloneElement as _, createContext as v, isValidElement as y, useCallback as b, useContext as x, useEffect as S, useId as C, useMemo as ee, useRef as w, useState as T, useSyncExternalStore as te } from "react";
-import { ActionButton as ne, BrandDivider as re, Dialog as E, FeaturedImage as ie, IconButton as D, PaginationDots as ae, Panel as oe, PartnerRow as se, Select as ce, StarRating as le, createTranslation as O } from "./component-library.es.js";
+import { Children as h, Fragment as g, cloneElement as _, createContext as v, useCallback as y, useContext as b, useEffect as x, useId as S, useMemo as C, useRef as w, useState as T, useSyncExternalStore as ee } from "react";
+import { ActionButtonProvider as te, BrandDivider as ne, Dialog as E, FeaturedImage as re, IconButton as D, PaginationDots as ie, Panel as ae, PartnerRow as oe, Select as se, StarRating as ce, createTranslation as O } from "./component-library.es.js";
 import { NavigationMenu as k } from "@base-ui/react/navigation-menu";
-import { Collapsible as ue } from "@base-ui/react/collapsible";
+import { Collapsible as le } from "@base-ui/react/collapsible";
 import { Drawer as A } from "@base-ui/react/drawer";
 import './website.css';//#region src/website/paragraphs.tsx
 function j({ className: e, id: t, children: n }) {
@@ -24,7 +24,7 @@ var M = {
 };
 //#endregion
 //#region src/website/alert-banner/alert-banner.tsx
-function de({ render: t, children: n }) {
+function ue({ render: t, children: n }) {
 	return e({
 		render: t,
 		defaultTagName: "h2",
@@ -34,7 +34,7 @@ function de({ render: t, children: n }) {
 		}
 	});
 }
-function fe({ title: e, text: t, titleRender: n, icon: r, color: i = "error", className: a, ...o }) {
+function de({ title: e, text: t, titleRender: n, icon: r, color: i = "error", className: a, ...o }) {
 	let s = r === void 0 ? /* @__PURE__ */ p(u, {}) : r;
 	return /* @__PURE__ */ m("div", {
 		...o,
@@ -46,7 +46,7 @@ function fe({ title: e, text: t, titleRender: n, icon: r, color: i = "error", cl
 			children: s
 		}), /* @__PURE__ */ m("div", {
 			className: M.Content,
-			children: [e != null && /* @__PURE__ */ p(de, {
+			children: [e != null && /* @__PURE__ */ p(ue, {
 				render: n,
 				children: e
 			}), t != null && /* @__PURE__ */ p(j, {
@@ -58,12 +58,12 @@ function fe({ title: e, text: t, titleRender: n, icon: r, color: i = "error", cl
 }
 //#endregion
 //#region src/utils/merge-class-name.ts
-var N = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).join(" "), pe = {
+var N = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).join(" "), P = {
 	BrandLetters: "_BrandLetters_1ygg1_9",
 	Letters: "_Letters_1ygg1_17",
 	Letter: "_Letter_1ygg1_17",
 	Video: "_Video_1ygg1_48"
-}, me = O({
+}, fe = O({
 	play: {
 		no: "Spill av videoene",
 		se: "Spela upp videorna",
@@ -76,19 +76,19 @@ var N = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).
 		fi: "Keskeytä videot",
 		es: "Pausar los vídeos"
 	}
-}), he = "(prefers-reduced-motion: reduce)", ge = [
+}), pe = "(prefers-reduced-motion: reduce)", me = [
 	"L",
 	"E",
 	"A"
 ];
-function _e({ videos: t, render: n, ref: r, className: i, ...a }) {
-	let o = me(), s = w([]), [u, d] = T(!1), h = (e) => {
+function he({ videos: t, render: n, ref: r, className: i, ...a }) {
+	let o = fe(), s = w([]), [u, d] = T(!1), h = (e) => {
 		for (let t of s.current) t && e(t);
 	}, g = (e) => {
 		e.muted = !0, e.play().catch(() => {});
 	};
-	S(() => {
-		let e = window.matchMedia(he);
+	x(() => {
+		let e = window.matchMedia(pe);
 		e.matches || h(g);
 		let t = (e) => {
 			e.matches && h((e) => e.pause());
@@ -104,17 +104,17 @@ function _e({ videos: t, render: n, ref: r, className: i, ...a }) {
 		defaultTagName: "div",
 		props: {
 			...a,
-			className: N(pe.BrandLetters, i)({}),
+			className: N(P.BrandLetters, i)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-				className: pe.Letters,
-				children: ge.map((e, n) => /* @__PURE__ */ p("div", {
-					className: pe.Letter,
+				className: P.Letters,
+				children: me.map((e, n) => /* @__PURE__ */ p("div", {
+					className: P.Letter,
 					"data-letter": e,
 					children: /* @__PURE__ */ p("video", {
 						ref: (e) => {
 							s.current[n] = e;
 						},
-						className: pe.Video,
+						className: P.Video,
 						src: t[n].src,
 						poster: t[n].poster,
 						muted: !0,
@@ -135,7 +135,7 @@ function _e({ videos: t, render: n, ref: r, className: i, ...a }) {
 		}
 	});
 }
-var P = {
+var F = {
 	Calculator: "_Calculator_1mamd_12",
 	Body: "_Body_1mamd_26",
 	Panel: "_Panel_1mamd_41",
@@ -149,38 +149,38 @@ var P = {
 };
 //#endregion
 //#region src/website/calculator/calculator.tsx
-function ve({ header: t, results: n, action: r, priceExample: i, render: a, ref: o, className: s, children: c, ...l }) {
+function ge({ header: t, results: n, action: r, priceExample: i, render: a, ref: o, className: s, children: c, ...l }) {
 	return e({
 		render: a,
 		ref: o,
 		defaultTagName: "div",
 		props: {
 			...l,
-			className: N(P.Calculator, s)({}),
+			className: N(F.Calculator, s)({}),
 			children: /* @__PURE__ */ m(f, { children: [t, /* @__PURE__ */ m("div", {
-				className: P.Body,
+				className: F.Body,
 				children: [/* @__PURE__ */ p("div", {
-					className: P.Panel,
+					className: F.Panel,
 					children: c
 				}), /* @__PURE__ */ m("div", {
-					className: P.Summary,
+					className: F.Summary,
 					children: [n.length > 0 && /* @__PURE__ */ p("dl", {
-						className: P.Results,
+						className: F.Results,
 						"aria-live": "polite",
 						children: n.map((e, t) => /* @__PURE__ */ m("div", {
-							className: P.Result,
+							className: F.Result,
 							children: [/* @__PURE__ */ p("dt", {
-								className: P.Label,
+								className: F.Label,
 								children: e.label
 							}), /* @__PURE__ */ p("dd", {
-								className: P.Value,
+								className: F.Value,
 								children: e.value
 							})]
 						}, t))
 					}), (r != null || i != null) && /* @__PURE__ */ m("div", {
-						className: P.Actions,
+						className: F.Actions,
 						children: [r, i != null && /* @__PURE__ */ p("p", {
-							className: P.Price,
+							className: F.Price,
 							children: i
 						})]
 					})]
@@ -189,19 +189,19 @@ function ve({ header: t, results: n, action: r, priceExample: i, render: a, ref:
 		}
 	});
 }
-var F = {
+var I = {
 	Carousel: "_Carousel_17a24_14",
 	Viewport: "_Viewport_17a24_31",
 	Track: "_Track_17a24_66",
 	Slide: "_Slide_17a24_94",
 	Controls: "_Controls_17a24_100",
 	VisuallyHidden: "_VisuallyHidden_17a24_109"
-}, ye = {
+}, _e = {
 	fast: "0.15s",
 	normal: "0.2s",
 	emphasis: "0.3s"
-}, be = "(prefers-reduced-motion: reduce)", xe = 150, Se = parseFloat(ye.emphasis) * 1e3;
-function Ce(e) {
+}, ve = "(prefers-reduced-motion: reduce)", ye = 150, be = parseFloat(_e.emphasis) * 1e3;
+function xe(e) {
 	let t = (e, t, n) => 3 * t * e * (1 - e) ** 2 + 3 * n * e ** 2 * (1 - e) + e ** 3, n = 0, r = 1;
 	for (let i = 0; i < 20; i += 1) {
 		let i = (n + r) / 2;
@@ -209,7 +209,7 @@ function Ce(e) {
 	}
 	return t((n + r) / 2, 0, 1);
 }
-function we(e, t) {
+function Se(e, t) {
 	let n = w([0]), r = w(void 0), i = w(void 0), [a, o] = T(() => ({
 		pageCount: Math.max(1, t - 1),
 		page: 0,
@@ -218,7 +218,7 @@ function we(e, t) {
 		atEnd: t <= 2,
 		overflowing: t > 2,
 		moved: !1
-	})), s = b((t, r = !1) => {
+	})), s = y((t, r = !1) => {
 		let i = e.current;
 		if (!i) return;
 		let a = i.scrollLeft, s = Math.max(0, i.scrollWidth - i.clientWidth), c = n.current, l = 0;
@@ -235,7 +235,7 @@ function we(e, t) {
 			};
 			return Object.keys(n).every((t) => n[t] === e[t]) ? e : n;
 		});
-	}, [e]), c = b(() => {
+	}, [e]), c = y(() => {
 		let t = e.current;
 		if (!t) return;
 		let r = Math.max(0, t.scrollWidth - t.clientWidth), i = Array.from(t.children), a = i[0]?.offsetLeft ?? 0, o = [];
@@ -244,15 +244,15 @@ function we(e, t) {
 			(o.length === 0 || t - o[o.length - 1] > 1) && o.push(t);
 		}
 		n.current = o.length > 0 ? o : [0], s(!0);
-	}, [s, e]), l = b(() => {
+	}, [s, e]), l = y(() => {
 		i.current && (cancelAnimationFrame(i.current.frame), i.current = void 0, e.current?.style.removeProperty("scroll-snap-type"));
 	}, [e]);
-	S(() => {
+	x(() => {
 		let t = e.current;
 		if (!t) return;
 		c();
 		let n = () => {
-			s(!1, !0), clearTimeout(r.current), r.current = setTimeout(() => s(!0), xe);
+			s(!1, !0), clearTimeout(r.current), r.current = setTimeout(() => s(!0), ye);
 		}, i = new ResizeObserver(c), a = [
 			"pointerdown",
 			"touchstart",
@@ -273,14 +273,14 @@ function we(e, t) {
 		l,
 		e
 	]);
-	let u = b((t) => {
+	let u = y((t) => {
 		let r = e.current;
 		if (!r) return;
 		let a = n.current, o = a[Math.min(a.length - 1, Math.max(0, t))];
 		if (i.current?.to === o) return;
 		l();
 		let s = r.scrollLeft;
-		if (window.matchMedia(be).matches || Math.abs(o - s) < 1) {
+		if (window.matchMedia(ve).matches || Math.abs(o - s) < 1) {
 			r.scrollTo({
 				left: o,
 				behavior: "instant"
@@ -289,9 +289,9 @@ function we(e, t) {
 		}
 		r.style.setProperty("scroll-snap-type", "none");
 		let c = performance.now(), u = (e) => {
-			let t = Math.min(1, (e - c) / Se);
+			let t = Math.min(1, (e - c) / be);
 			r.scrollTo({
-				left: s + (o - s) * Ce(t),
+				left: s + (o - s) * xe(t),
 				behavior: "instant"
 			}), t < 1 ? i.current = {
 				frame: requestAnimationFrame(u),
@@ -310,7 +310,7 @@ function we(e, t) {
 }
 //#endregion
 //#region src/website/carousel/use-carousel-labels.ts
-var Te = O({
+var Ce = O({
 	carousel: {
 		no: "karusell",
 		se: "karusell",
@@ -338,8 +338,8 @@ var Te = O({
 });
 //#endregion
 //#region src/website/carousel/carousel.tsx
-function Ee({ getItemLabel: t, render: n, ref: r, className: o, children: s, ...c }) {
-	let l = Te(), u = w(null), d = h.toArray(s), { pageCount: g, page: _, settledPage: v, atStart: y, atEnd: b, overflowing: x, moved: S, goTo: C } = we(u, d.length);
+function we({ getItemLabel: t, render: n, ref: r, className: o, children: s, ...c }) {
+	let l = Ce(), u = w(null), d = h.toArray(s), { pageCount: g, page: _, settledPage: v, atStart: y, atEnd: b, overflowing: x, moved: S, goTo: C } = Se(u, d.length);
 	return e({
 		render: n,
 		ref: r,
@@ -348,22 +348,22 @@ function Ee({ getItemLabel: t, render: n, ref: r, className: o, children: s, ...
 			role: "region",
 			"aria-roledescription": l.carousel,
 			...c,
-			className: N(F.Carousel, o)({}),
+			className: N(I.Carousel, o)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-				className: F.Viewport,
+				className: I.Viewport,
 				"data-at-start": y || void 0,
 				"data-at-end": b || void 0,
 				children: /* @__PURE__ */ p("ul", {
 					ref: u,
-					className: F.Track,
+					className: I.Track,
 					tabIndex: x ? 0 : void 0,
 					children: d.map((e, t) => /* @__PURE__ */ p("li", {
-						className: F.Slide,
+						className: I.Slide,
 						children: e
 					}, t))
 				})
 			}), g > 1 && /* @__PURE__ */ m("div", {
-				className: F.Controls,
+				className: I.Controls,
 				children: [
 					/* @__PURE__ */ p(D, {
 						variant: "elevated",
@@ -374,7 +374,7 @@ function Ee({ getItemLabel: t, render: n, ref: r, className: o, children: s, ...
 						onClick: () => C(_ - 1),
 						children: /* @__PURE__ */ p(i, { "aria-hidden": !0 })
 					}),
-					/* @__PURE__ */ p(ae, {
+					/* @__PURE__ */ p(ie, {
 						count: g,
 						value: _ + 1,
 						onValueChange: (e) => C(e - 1),
@@ -391,7 +391,7 @@ function Ee({ getItemLabel: t, render: n, ref: r, className: o, children: s, ...
 					}),
 					/* @__PURE__ */ p("span", {
 						role: "status",
-						className: F.VisuallyHidden,
+						className: I.VisuallyHidden,
 						children: S && l.status.replace("{page}", String(v + 1)).replace("{count}", String(g))
 					})
 				]
@@ -399,7 +399,7 @@ function Ee({ getItemLabel: t, render: n, ref: r, className: o, children: s, ...
 		}
 	});
 }
-var I = {
+var L = {
 	CtaBanner: "_CtaBanner_vkp5c_7",
 	Title: "_Title_vkp5c_15",
 	Content: "_Content_vkp5c_24",
@@ -409,12 +409,12 @@ var I = {
 };
 //#endregion
 //#region src/website/cta-banner/cta-banner.tsx
-function De({ title: t, titleRender: n, text: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
+function Te({ title: t, titleRender: n, text: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
 	let u = e({
 		render: n,
 		defaultTagName: "h2",
 		props: {
-			className: I.Title,
+			className: L.Title,
 			children: t
 		}
 	}), d = r != null || i != null || a != null;
@@ -425,20 +425,20 @@ function De({ title: t, titleRender: n, text: r, action: i, priceExample: a, ren
 		props: {
 			...l,
 			"data-has-content": d || void 0,
-			className: N(I.CtaBanner, c)({}),
+			className: N(L.CtaBanner, c)({}),
 			children: /* @__PURE__ */ m(f, { children: [u, d && /* @__PURE__ */ m("div", {
-				className: I.Content,
+				className: L.Content,
 				children: [
 					r != null && /* @__PURE__ */ p(j, {
-						className: I.Text,
+						className: L.Text,
 						children: r
 					}),
 					i != null && /* @__PURE__ */ p("div", {
-						className: I.Action,
+						className: L.Action,
 						children: i
 					}),
 					a != null && /* @__PURE__ */ p("p", {
-						className: I.Price,
+						className: L.Price,
 						children: a
 					})
 				]
@@ -448,33 +448,33 @@ function De({ title: t, titleRender: n, text: r, action: i, priceExample: a, ren
 }
 //#endregion
 //#region src/website/expanding-cards/expanding-cards-context.ts
-var Oe = v({ open: !0 }), ke = {
-	ExpandingCards: "_ExpandingCards_14pq8_19",
-	List: "_List_14pq8_23",
-	Item: "_Item_14pq8_32"
-}, Ae = "(min-width: 1312px)", je = { open: !0 }, Me = { open: !1 }, Ne = (e) => {
-	let t = window.matchMedia(Ae);
+var Ee = v({ open: !0 }), De = {
+	ExpandingCards: "_ExpandingCards_s83zm_19",
+	List: "_List_s83zm_23",
+	Item: "_Item_s83zm_32"
+}, Oe = "(min-width: 1312px)", ke = { open: !0 }, Ae = { open: !1 }, je = (e) => {
+	let t = window.matchMedia(Oe);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
-}, Pe = () => te(Ne, () => window.matchMedia(Ae).matches, () => !0);
-function Fe({ defaultOpen: t = "first", render: n, ref: r, className: i, children: a, ...o }) {
-	let s = h.toArray(a), c = Pe(), [l, u] = T(() => t === "last" ? Math.max(0, s.length - 1) : 0);
+}, Me = () => ee(je, () => window.matchMedia(Oe).matches, () => !0);
+function Ne({ defaultOpen: t = "first", render: n, ref: r, className: i, children: a, ...o }) {
+	let s = h.toArray(a), c = Me(), [l, u] = T(() => t === "last" ? Math.max(0, s.length - 1) : 0);
 	return e({
 		render: n,
 		ref: r,
 		defaultTagName: "div",
 		props: {
 			...o,
-			className: N(ke.ExpandingCards, i)({}),
+			className: N(De.ExpandingCards, i)({}),
 			children: /* @__PURE__ */ p("ul", {
-				className: ke.List,
+				className: De.List,
 				style: { "--expanding-cards-count": s.length },
 				children: s.map((e, t) => /* @__PURE__ */ p("li", {
-					className: ke.Item,
+					className: De.Item,
 					"data-open": t === l || void 0,
 					onPointerEnter: () => u(t),
 					onFocus: () => u(t),
-					children: /* @__PURE__ */ p(Oe.Provider, {
-						value: !c || t === l ? je : Me,
+					children: /* @__PURE__ */ p(Ee.Provider, {
+						value: !c || t === l ? ke : Ae,
 						children: e
 					})
 				}, t))
@@ -482,66 +482,71 @@ function Fe({ defaultOpen: t = "first", render: n, ref: r, className: i, childre
 		}
 	});
 }
-var L = {
-	ExpandingCardsItem: "_ExpandingCardsItem_1v7ai_17",
-	Content: "_Content_1v7ai_53",
-	Title: "_Title_1v7ai_70",
-	Text: "_Text_1v7ai_81",
-	Action: "_Action_1v7ai_99",
-	Photo: "_Photo_1v7ai_110",
-	Image: "_Image_1v7ai_117"
+var R = {
+	ExpandingCardsItem: "_ExpandingCardsItem_qsobf_25",
+	Content: "_Content_qsobf_61",
+	Title: "_Title_qsobf_78",
+	Text: "_Text_qsobf_89",
+	Action: "_Action_qsobf_107",
+	Photo: "_Photo_qsobf_118",
+	Image: "_Image_qsobf_125"
 };
 //#endregion
 //#region src/website/expanding-cards/expanding-cards-item.tsx
-function Ie({ title: t, titleRender: n, text: r, action: i, src: a, alt: o, imageRender: s, surface: c = "base", render: l, ref: u, className: d, ...h }) {
-	let { open: g } = x(Oe), v = e({
+function Pe({ title: t, titleRender: n, text: r, action: i, src: a, alt: o, imageRender: s, imageAsBackground: c = !1, imageMotion: l = "zoom", surface: u = "base", render: d, ref: h, className: g, ..._ }) {
+	let { open: v } = b(Ee), y = e({
 		render: n,
 		defaultTagName: "h2",
 		props: {
-			className: L.Title,
+			className: R.Title,
 			children: t
 		}
-	}), b = e({
+	}), x = e({
 		enabled: a != null,
 		render: s,
 		defaultTagName: "img",
 		props: {
 			src: a,
 			alt: o,
-			className: L.Image
+			className: R.Image
 		}
-	}), S = y(i) && i.type === ne ? _(i, { iconOnly: !g }) : i;
+	}), S = a != null && c;
 	return e({
-		render: l,
-		ref: u,
+		render: d,
+		ref: h,
 		defaultTagName: "div",
 		props: {
-			...h,
-			"data-surface": c,
-			"data-open": g || void 0,
+			..._,
+			"data-surface": u,
+			"data-open": v || void 0,
 			"data-image": a != null || void 0,
-			className: N(L.ExpandingCardsItem, d)({}),
+			"data-image-as-background": S || void 0,
+			"data-image-motion": S ? l : void 0,
+			className: N(R.ExpandingCardsItem, g)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
-				className: L.Content,
+				className: R.Content,
 				children: [
-					v,
+					y,
 					r != null && /* @__PURE__ */ p(j, {
-						className: L.Text,
+						className: R.Text,
 						children: r
 					}),
 					i != null && /* @__PURE__ */ p("div", {
-						className: L.Action,
-						children: S
+						className: R.Action,
+						children: /* @__PURE__ */ p(te, {
+							iconOnly: !v,
+							children: i
+						})
 					})
 				]
-			}), b != null && /* @__PURE__ */ p("div", {
-				className: L.Photo,
-				children: b
+			}), x != null && /* @__PURE__ */ p("div", {
+				className: R.Photo,
+				children: x
 			})] })
 		}
 	});
 }
-var R = {
+var z = {
 	Hero: "_Hero_1ik22_8",
 	Background: "_Background_1ik22_24",
 	Image: "_Image_1ik22_30",
@@ -554,12 +559,12 @@ var R = {
 };
 //#endregion
 //#region src/website/hero/hero.tsx
-function Le({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o, action: s, priceExample: c, render: l, ref: u, className: d, ...h }) {
+function Fe({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o, action: s, priceExample: c, render: l, ref: u, className: d, ...h }) {
 	let g = e({
 		render: a,
 		defaultTagName: "h1",
 		props: {
-			className: R.Title,
+			className: z.Title,
 			children: i
 		}
 	}), _ = e({
@@ -568,7 +573,7 @@ function Le({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o,
 		props: {
 			src: t,
 			alt: n,
-			className: R.Image
+			className: z.Image
 		}
 	});
 	return e({
@@ -577,35 +582,35 @@ function Le({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o,
 		defaultTagName: "section",
 		props: {
 			...h,
-			className: N(R.Hero, d)({}),
+			className: N(z.Hero, d)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-				className: R.Container,
-				children: /* @__PURE__ */ m(oe, {
-					className: R.Box,
+				className: z.Container,
+				children: /* @__PURE__ */ m(ae, {
+					className: z.Box,
 					children: [
 						g,
 						o != null && /* @__PURE__ */ p(j, {
-							className: R.Text,
+							className: z.Text,
 							children: o
 						}),
 						s != null && /* @__PURE__ */ p("div", {
-							className: R.Action,
+							className: z.Action,
 							children: s
 						}),
 						c != null && /* @__PURE__ */ p("p", {
-							className: R.Price,
+							className: z.Price,
 							children: c
 						})
 					]
 				})
 			}), /* @__PURE__ */ p("div", {
-				className: R.Background,
+				className: z.Background,
 				children: _
 			})] })
 		}
 	});
 }
-var z = {
+var B = {
 	HeroServiceGrid: "_HeroServiceGrid_yr3eo_8",
 	Cards: "_Cards_yr3eo_15",
 	Item: "_Item_yr3eo_26",
@@ -613,7 +618,7 @@ var z = {
 };
 //#endregion
 //#region src/website/hero-service-grid/hero-service-grid.tsx
-function Re({ src: t, alt: n, imageRender: r, action: i, imagePosition: a = "start", render: o, ref: s, className: c, children: l, ...u }) {
+function Ie({ src: t, alt: n, imageRender: r, action: i, imagePosition: a = "start", render: o, ref: s, className: c, children: l, ...u }) {
 	let d = h.toArray(l);
 	return e({
 		render: o,
@@ -622,24 +627,24 @@ function Re({ src: t, alt: n, imageRender: r, action: i, imagePosition: a = "sta
 		props: {
 			...u,
 			"data-image-position": a,
-			className: N(z.HeroServiceGrid, c)({}),
-			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ie, {
-				className: z.Featured,
+			className: N(B.HeroServiceGrid, c)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(re, {
+				className: B.Featured,
 				src: t,
 				alt: n,
 				imageRender: r,
 				action: i
 			}), d.length > 0 && /* @__PURE__ */ p("ul", {
-				className: z.Cards,
+				className: B.Cards,
 				children: d.map((e, t) => /* @__PURE__ */ p("li", {
-					className: z.Item,
+					className: B.Item,
 					children: e
 				}, t))
 			})] })
 		}
 	});
 }
-var B = {
+var V = {
 	NavigationGrid: "_NavigationGrid_ocatr_9",
 	Title: "_Title_ocatr_16",
 	List: "_List_ocatr_25",
@@ -647,13 +652,13 @@ var B = {
 };
 //#endregion
 //#region src/website/navigation-grid/navigation-grid.tsx
-function ze({ title: t, titleRender: n, render: r, ref: i, className: a, children: o, ...s }) {
+function Le({ title: t, titleRender: n, render: r, ref: i, className: a, children: o, ...s }) {
 	let c = h.toArray(o), l = c.length >= 3 && c.length % 2 == 1, u = e({
 		enabled: t != null,
 		render: n,
 		defaultTagName: "h2",
 		props: {
-			className: B.Title,
+			className: V.Title,
 			children: t
 		}
 	});
@@ -663,24 +668,24 @@ function ze({ title: t, titleRender: n, render: r, ref: i, className: a, childre
 		defaultTagName: "div",
 		props: {
 			...s,
-			className: N(B.NavigationGrid, a)({}),
+			className: N(V.NavigationGrid, a)({}),
 			children: /* @__PURE__ */ m(f, { children: [u, /* @__PURE__ */ p("ul", {
-				className: B.List,
+				className: V.List,
 				"data-odd": l || void 0,
 				children: c.map((e, t) => /* @__PURE__ */ p("li", {
-					className: B.Item,
+					className: V.Item,
 					children: e
 				}, t))
 			})] })
 		}
 	});
 }
-var V = {
+var H = {
 	PartnerList: "_PartnerList_9o9wx_7",
 	List: "_List_9o9wx_11",
 	Controls: "_Controls_9o9wx_19",
 	VisuallyHidden: "_VisuallyHidden_9o9wx_29"
-}, Be = O({
+}, Re = O({
 	previous: {
 		no: "Forrige side",
 		se: "Föregående sida",
@@ -708,11 +713,11 @@ var V = {
 });
 //#endregion
 //#region src/website/partner-list/partner-list.tsx
-function Ve({ items: t, pageSize: n = 9, value: r, defaultValue: o = 1, onValueChange: s, render: c, ref: l, className: u, ...d }) {
-	let h = Be(), [g, _] = T(o), v = ee(() => {
+function ze({ items: t, pageSize: n = 9, value: r, defaultValue: o = 1, onValueChange: s, render: c, ref: l, className: u, ...d }) {
+	let h = Re(), [g, _] = T(o), v = C(() => {
 		let e = new Intl.Collator(h.collation, { sensitivity: "base" });
 		return [...t].sort((t, n) => e.compare(t.name, n.name));
-	}, [t, h.collation]), y = Math.max(1, Math.floor(n)), b = Math.max(1, Math.ceil(v.length / y)), x = Math.min(b, Math.max(1, r ?? g)), S = (x - 1) * y, C = (e) => {
+	}, [t, h.collation]), y = Math.max(1, Math.floor(n)), b = Math.max(1, Math.ceil(v.length / y)), x = Math.min(b, Math.max(1, r ?? g)), S = (x - 1) * y, w = (e) => {
 		let t = Math.min(b, Math.max(1, e));
 		r === void 0 && _(t), t !== x && s?.(t);
 	};
@@ -723,16 +728,16 @@ function Ve({ items: t, pageSize: n = 9, value: r, defaultValue: o = 1, onValueC
 		defaultTagName: "div",
 		props: {
 			...d,
-			className: N(V.PartnerList, u)({}),
+			className: N(H.PartnerList, u)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("ul", {
-				className: V.List,
-				children: v.slice(S, S + y).map(({ name: e, content: t, ...n }, r) => /* @__PURE__ */ p(se, {
+				className: H.List,
+				children: v.slice(S, S + y).map(({ name: e, content: t, ...n }, r) => /* @__PURE__ */ p(oe, {
 					...n,
 					render: /* @__PURE__ */ p("li", {}),
 					children: t
 				}, `${S + r}-${e}`))
 			}), b > 1 && /* @__PURE__ */ m("div", {
-				className: V.Controls,
+				className: H.Controls,
 				children: [
 					/* @__PURE__ */ p(D, {
 						variant: "elevated",
@@ -740,13 +745,13 @@ function Ve({ items: t, pageSize: n = 9, value: r, defaultValue: o = 1, onValueC
 						"aria-label": h.previous,
 						disabled: x === 1,
 						focusableWhenDisabled: !0,
-						onClick: () => C(x - 1),
+						onClick: () => w(x - 1),
 						children: /* @__PURE__ */ p(i, { "aria-hidden": !0 })
 					}),
-					/* @__PURE__ */ p(ae, {
+					/* @__PURE__ */ p(ie, {
 						count: b,
 						value: x,
-						onValueChange: C
+						onValueChange: w
 					}),
 					/* @__PURE__ */ p(D, {
 						variant: "elevated",
@@ -754,12 +759,12 @@ function Ve({ items: t, pageSize: n = 9, value: r, defaultValue: o = 1, onValueC
 						"aria-label": h.next,
 						disabled: x === b,
 						focusableWhenDisabled: !0,
-						onClick: () => C(x + 1),
+						onClick: () => w(x + 1),
 						children: /* @__PURE__ */ p(a, { "aria-hidden": !0 })
 					}),
 					/* @__PURE__ */ p("span", {
 						role: "status",
-						className: V.VisuallyHidden,
+						className: H.VisuallyHidden,
 						children: h.status.replace("{page}", String(x)).replace("{count}", String(b))
 					})
 				]
@@ -767,29 +772,29 @@ function Ve({ items: t, pageSize: n = 9, value: r, defaultValue: o = 1, onValueC
 		}
 	});
 }
-var H = {
-	Grid: "_Grid_1vukg_10",
-	Content: "_Content_1vukg_17",
-	Logos: "_Logos_1vukg_28",
-	LogoItem: "_LogoItem_1vukg_38",
-	Logo: "_Logo_1vukg_28",
-	Text: "_Text_1vukg_60",
-	Title: "_Title_1vukg_66",
-	Description: "_Description_1vukg_75",
-	Actions: "_Actions_1vukg_91",
-	Price: "_Price_1vukg_98",
-	Media: "_Media_1vukg_106",
-	PaymentFeature: "_PaymentFeature_1vukg_111",
-	Image: "_Image_1vukg_115"
+var U = {
+	Grid: "_Grid_1inyv_10",
+	Content: "_Content_1inyv_17",
+	Logos: "_Logos_1inyv_28",
+	LogoItem: "_LogoItem_1inyv_38",
+	Logo: "_Logo_1inyv_28",
+	Text: "_Text_1inyv_65",
+	Title: "_Title_1inyv_71",
+	Description: "_Description_1inyv_80",
+	Actions: "_Actions_1inyv_96",
+	Price: "_Price_1inyv_103",
+	Media: "_Media_1inyv_111",
+	PaymentFeature: "_PaymentFeature_1inyv_116",
+	Image: "_Image_1inyv_120"
 };
 //#endregion
 //#region src/website/payment-feature/payment-feature.tsx
-function He({ logos: t, title: n, titleRender: r, text: i, actions: a, priceExample: o, src: s, alt: c, imageRender: l, imagePosition: u = "end", className: d, ...f }) {
+function Be({ logos: t, title: n, titleRender: r, text: i, actions: a, priceExample: o, src: s, alt: c, imageRender: l, imagePosition: u = "end", className: d, ...f }) {
 	let h = e({
 		render: r,
 		defaultTagName: "h2",
 		props: {
-			className: H.Title,
+			className: U.Title,
 			children: n
 		}
 	}), g = e({
@@ -799,62 +804,62 @@ function He({ logos: t, title: n, titleRender: r, text: i, actions: a, priceExam
 		props: {
 			src: s,
 			alt: c,
-			className: H.Image
+			className: U.Image
 		}
 	});
-	return /* @__PURE__ */ p(oe, {
+	return /* @__PURE__ */ p(ae, {
 		...f,
-		className: [H.PaymentFeature, d].filter(Boolean).join(" "),
+		className: [U.PaymentFeature, d].filter(Boolean).join(" "),
 		"data-image-position": u,
 		"data-has-image": g != null || void 0,
 		children: /* @__PURE__ */ m("div", {
-			className: H.Grid,
+			className: U.Grid,
 			children: [/* @__PURE__ */ m("div", {
-				className: H.Content,
+				className: U.Content,
 				children: [
 					t != null && t.length > 0 && /* @__PURE__ */ p("ul", {
-						className: H.Logos,
-						children: t.map((e, t) => /* @__PURE__ */ p(Ue, { ...e }, t))
+						className: U.Logos,
+						children: t.map((e, t) => /* @__PURE__ */ p(Ve, { ...e }, t))
 					}),
 					/* @__PURE__ */ m("div", {
-						className: H.Text,
+						className: U.Text,
 						children: [h, i != null && /* @__PURE__ */ p(j, {
-							className: H.Description,
+							className: U.Description,
 							children: i
 						})]
 					}),
 					a != null && /* @__PURE__ */ p("div", {
-						className: H.Actions,
+						className: U.Actions,
 						children: a
 					}),
 					o != null && /* @__PURE__ */ p("p", {
-						className: H.Price,
+						className: U.Price,
 						children: o
 					})
 				]
 			}), g != null && /* @__PURE__ */ p("div", {
-				className: H.Media,
+				className: U.Media,
 				children: g
 			})]
 		})
 	});
 }
-function Ue({ src: t, alt: n, imageRender: r }) {
+function Ve({ src: t, alt: n, imageRender: r }) {
 	let i = e({
 		render: r,
 		defaultTagName: "img",
 		props: {
 			src: t,
 			alt: n,
-			className: H.Logo
+			className: U.Logo
 		}
 	});
 	return /* @__PURE__ */ p("li", {
-		className: H.LogoItem,
+		className: U.LogoItem,
 		children: i
 	});
 }
-var U = {
+var W = {
 	PromoGrid: "_PromoGrid_1l2yi_10",
 	Featured: "_Featured_1l2yi_19",
 	Content: "_Content_1l2yi_23",
@@ -866,12 +871,12 @@ var U = {
 };
 //#endregion
 //#region src/website/promo-grid/promo-grid.tsx
-function We({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, titleRender: s, subtitle: c, imagePosition: l = "start", render: u, ref: d, className: h, ...g }) {
+function He({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, titleRender: s, subtitle: c, imagePosition: l = "start", render: u, ref: d, className: h, ...g }) {
 	let _ = e({
 		render: s,
 		defaultTagName: "h2",
 		props: {
-			className: U.Title,
+			className: W.Title,
 			children: o
 		}
 	});
@@ -882,23 +887,23 @@ function We({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, ti
 		props: {
 			...g,
 			"data-image-position": l,
-			className: N(U.PromoGrid, h)({}),
-			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ie, {
-				className: U.Featured,
+			className: N(W.PromoGrid, h)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(re, {
+				className: W.Featured,
 				src: t,
 				alt: n,
 				imageRender: r,
 				action: i
 			}), /* @__PURE__ */ m("div", {
-				className: U.Content,
+				className: W.Content,
 				children: [a != null && a.length > 0 && /* @__PURE__ */ p("div", {
-					className: U.Photos,
+					className: W.Photos,
 					"data-count": a.length,
-					children: a.map((e, t) => /* @__PURE__ */ p(Ge, { ...e }, t))
+					children: a.map((e, t) => /* @__PURE__ */ p(Ue, { ...e }, t))
 				}), /* @__PURE__ */ m("div", {
-					className: U.Block,
+					className: W.Block,
 					children: [_, c != null && /* @__PURE__ */ p(j, {
-						className: U.Subtitle,
+						className: W.Subtitle,
 						children: c
 					})]
 				})]
@@ -906,24 +911,24 @@ function We({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, ti
 		}
 	});
 }
-function Ge({ src: t, alt: n, imageRender: r }) {
+function Ue({ src: t, alt: n, imageRender: r }) {
 	return e({
 		render: r,
 		defaultTagName: "img",
 		props: {
 			src: t,
 			alt: n,
-			className: U.Photo
+			className: W.Photo
 		}
 	});
 }
-var Ke = {
+var We = {
 	Section: "_Section_f8rp9_11",
 	Content: "_Content_f8rp9_60"
 };
 //#endregion
 //#region src/website/section/section.tsx
-function qe({ surface: t = "base", spacingTop: n = "lg", spacingBottom: r = "lg", width: i = "full", render: a, ref: o, className: s, children: c, ...l }) {
+function Ge({ surface: t = "base", spacingTop: n = "lg", spacingBottom: r = "lg", width: i = "full", render: a, ref: o, className: s, children: c, ...l }) {
 	return e({
 		render: a,
 		ref: o,
@@ -933,16 +938,16 @@ function qe({ surface: t = "base", spacingTop: n = "lg", spacingBottom: r = "lg"
 			"data-surface": t,
 			"data-spacing-top": n,
 			"data-spacing-bottom": r,
-			className: N(Ke.Section, s)({}),
+			className: N(We.Section, s)({}),
 			children: /* @__PURE__ */ p("div", {
-				className: Ke.Content,
+				className: We.Content,
 				"data-width": i,
 				children: c
 			})
 		}
 	});
 }
-var W = {
+var G = {
 	SectionHeader: "_SectionHeader_11mff_8",
 	Text: "_Text_11mff_17",
 	Eyebrow: "_Eyebrow_11mff_25",
@@ -953,12 +958,12 @@ var W = {
 };
 //#endregion
 //#region src/website/section-header/section-header.tsx
-function Je({ eyebrow: t, title: n, titleRender: r, titleSize: i = "lg", subtitle: a, actions: o, priceExample: s, render: c, ref: l, className: u, ...d }) {
+function Ke({ eyebrow: t, title: n, titleRender: r, titleSize: i = "lg", subtitle: a, actions: o, priceExample: s, render: c, ref: l, className: u, ...d }) {
 	let h = e({
 		render: r,
 		defaultTagName: "h2",
 		props: {
-			className: W.Title,
+			className: G.Title,
 			children: n
 		}
 	});
@@ -969,42 +974,42 @@ function Je({ eyebrow: t, title: n, titleRender: r, titleSize: i = "lg", subtitl
 		props: {
 			...d,
 			"data-title-size": i,
-			className: N(W.SectionHeader, u)({}),
+			className: N(G.SectionHeader, u)({}),
 			children: /* @__PURE__ */ m(f, { children: [
 				/* @__PURE__ */ m("div", {
-					className: W.Text,
+					className: G.Text,
 					children: [
 						t != null && /* @__PURE__ */ p("p", {
-							className: W.Eyebrow,
+							className: G.Eyebrow,
 							children: t
 						}),
 						h,
 						a != null && /* @__PURE__ */ p(j, {
-							className: W.Subtitle,
+							className: G.Subtitle,
 							children: a
 						})
 					]
 				}),
 				o != null && /* @__PURE__ */ p("div", {
-					className: W.Actions,
+					className: G.Actions,
 					children: o
 				}),
 				s != null && /* @__PURE__ */ p("p", {
-					className: W.Price,
+					className: G.Price,
 					children: s
 				})
 			] })
 		}
 	});
 }
-var Ye = {
+var qe = {
 	ServiceCardGrid: "_ServiceCardGrid_nutvc_9",
 	List: "_List_nutvc_13",
 	Item: "_Item_nutvc_23"
 };
 //#endregion
 //#region src/website/service-card-grid/service-card-grid.tsx
-function Xe({ render: t, ref: n, className: r, children: i, ...a }) {
+function Je({ render: t, ref: n, className: r, children: i, ...a }) {
 	let o = h.toArray(i);
 	return e({
 		render: t,
@@ -1012,50 +1017,51 @@ function Xe({ render: t, ref: n, className: r, children: i, ...a }) {
 		defaultTagName: "div",
 		props: {
 			...a,
-			className: N(Ye.ServiceCardGrid, r)({}),
+			className: N(qe.ServiceCardGrid, r)({}),
 			children: /* @__PURE__ */ p("ul", {
-				className: Ye.List,
+				className: qe.List,
 				"data-count": o.length,
 				children: o.map((e, t) => /* @__PURE__ */ p("li", {
-					className: Ye.Item,
+					className: qe.Item,
 					children: e
 				}, t))
 			})
 		}
 	});
 }
-var Ze = {
-	ArrowRevealLink: "_ArrowRevealLink_140ct_2",
-	Arrow: "_Arrow_140ct_2",
-	Text: "_Text_140ct_40"
+var Ye = {
+	ArrowRevealLink: "_ArrowRevealLink_zq26l_2",
+	Arrow: "_Arrow_zq26l_2",
+	Text: "_Text_zq26l_40"
 };
 //#endregion
 //#region src/website/arrow-reveal-link.tsx
-function G({ render: n, className: r, children: i, size: a = "md", ...o }) {
+function K({ render: n, className: r, children: i, size: a = "md", marked: o = !1, ...s }) {
 	return e({
 		render: n,
 		defaultTagName: "a",
 		props: {
-			...o,
+			...s,
 			"data-size": a === "md" ? void 0 : a,
-			className: N(Ze.ArrowRevealLink, r)({}),
+			"data-marked": o ? "" : void 0,
+			className: N(Ye.ArrowRevealLink, r)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
 				"aria-hidden": !0,
-				className: Ze.Arrow,
+				className: Ye.Arrow,
 				children: /* @__PURE__ */ p(t, {})
 			}), /* @__PURE__ */ p("span", {
-				className: Ze.Text,
+				className: Ye.Text,
 				children: i
 			})] })
 		}
 	});
 }
-var K = {
+var q = {
 	SideNav: "_SideNav_1ha5v_6",
 	Sidebar: "_Sidebar_1ha5v_29",
 	List: "_List_1ha5v_44",
 	Content: "_Content_1ha5v_61"
-}, Qe = O({ navigation: {
+}, Xe = O({ navigation: {
 	no: "Sidemeny",
 	se: "Sidomeny",
 	fi: "Sivuvalikko",
@@ -1063,35 +1069,53 @@ var K = {
 } });
 //#endregion
 //#region src/website/side-nav/side-nav.tsx
-function $e({ items: e, label: t, breadcrumbs: n, children: r, className: i, ...a }) {
-	let o = Qe();
-	return /* @__PURE__ */ m("div", {
+function Ze({ items: e, label: t, breadcrumbs: n, children: r, className: i, ...a }) {
+	let o = Xe(), s = e.findIndex((e) => e.current), [c, l] = T(null);
+	c && c.from !== s && l(null);
+	let u = c?.index ?? s;
+	return x(() => {
+		let e = (e) => {
+			e.persisted && l(null);
+		};
+		return window.addEventListener("pageshow", e), () => window.removeEventListener("pageshow", e);
+	}, []), /* @__PURE__ */ m("div", {
 		...a,
-		className: [K.SideNav, i].filter(Boolean).join(" "),
+		className: [q.SideNav, i].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ p("nav", {
-			className: K.Sidebar,
+			className: q.Sidebar,
 			"aria-label": t ?? o.navigation,
 			children: /* @__PURE__ */ p("ul", {
-				className: K.List,
-				children: e.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
+				className: q.List,
+				children: e.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(K, {
 					size: "lg",
 					href: e.href,
 					render: e.render,
 					"aria-current": e.current ? "page" : void 0,
+					marked: t === u,
+					onClick: (e) => {
+						Qe(e) && l({
+							index: t,
+							from: s
+						});
+					},
 					children: e.label
 				}) }, t))
 			})
-		}), /* @__PURE__ */ m(oe, {
+		}), /* @__PURE__ */ m(ae, {
 			size: "sm",
-			className: K.Content,
+			className: q.Content,
 			children: [n, r]
 		})]
 	});
 }
+function Qe(e) {
+	let t = e.currentTarget, n = t.getAttribute("target");
+	return !e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && (!n || n === "_self") && !t.hasAttribute("download");
+}
 //#endregion
 //#region src/website/site-footer/flags.tsx
-var et = "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", tt = "M19.9154 8.69625H7.82613H7.82609V0.238281C6.90195 0.443203 6.02582 0.775352 5.21738 1.21648V8.69617V8.69621H0.0846484C0.0289844 9.1232 0 9.55852 0 10.0006C0 10.4427 0.0289844 10.878 0.0846484 11.3049H5.21734H5.21738V18.7846C6.02582 19.2257 6.90195 19.558 7.82609 19.7629V11.305V11.305H19.9154C19.9709 10.878 20 10.4427 20 10.0006C20 9.55852 19.9709 9.1232 19.9154 8.69625V8.69625Z";
-function q({ children: e, ...t }) {
+var $e = "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", et = "M19.9154 8.69625H7.82613H7.82609V0.238281C6.90195 0.443203 6.02582 0.775352 5.21738 1.21648V8.69617V8.69621H0.0846484C0.0289844 9.1232 0 9.55852 0 10.0006C0 10.4427 0.0289844 10.878 0.0846484 11.3049H5.21734H5.21738V18.7846C6.02582 19.2257 6.90195 19.558 7.82609 19.7629V11.305V11.305H19.9154C19.9709 10.878 20 10.4427 20 10.0006C20 9.55852 19.9709 9.1232 19.9154 8.69625V8.69625Z";
+function tt({ children: e, ...t }) {
 	return /* @__PURE__ */ p("svg", {
 		width: "20",
 		height: "20",
@@ -1104,11 +1128,11 @@ function q({ children: e, ...t }) {
 	});
 }
 function nt(e) {
-	return /* @__PURE__ */ m(q, {
+	return /* @__PURE__ */ m(tt, {
 		...e,
 		children: [
 			/* @__PURE__ */ p("path", {
-				d: et,
+				d: $e,
 				fill: "#F0F0F0"
 			}),
 			/* @__PURE__ */ p("path", {
@@ -1128,18 +1152,18 @@ function nt(e) {
 				fill: "#D80027"
 			}),
 			/* @__PURE__ */ p("path", {
-				d: tt,
+				d: et,
 				fill: "#0052B4"
 			})
 		]
 	});
 }
 function rt(e) {
-	return /* @__PURE__ */ m(q, {
+	return /* @__PURE__ */ m(tt, {
 		...e,
 		children: [
 			/* @__PURE__ */ p("path", {
-				d: et,
+				d: $e,
 				fill: "#FFDA44"
 			}),
 			/* @__PURE__ */ p("path", {
@@ -1162,19 +1186,19 @@ function rt(e) {
 	});
 }
 function it(e) {
-	return /* @__PURE__ */ m(q, {
+	return /* @__PURE__ */ m(tt, {
 		...e,
 		children: [/* @__PURE__ */ p("path", {
-			d: et,
+			d: $e,
 			fill: "#F0F0F0"
 		}), /* @__PURE__ */ p("path", {
-			d: tt,
+			d: et,
 			fill: "#0052B4"
 		})]
 	});
 }
 function at(e) {
-	return /* @__PURE__ */ m(q, {
+	return /* @__PURE__ */ m(tt, {
 		...e,
 		children: [
 			/* @__PURE__ */ p("path", {
@@ -1305,7 +1329,7 @@ function ft({ render: t, id: n, children: r }) {
 	});
 }
 function pt({ market: e, render: t }) {
-	let n = ct(), r = C(), i = e.options ?? dt, a = ee(() => {
+	let n = ct(), r = S(), i = e.options ?? dt, a = C(() => {
 		let e = new Intl.Collator(n.collation, { sensitivity: "base" });
 		return [...i].sort((t, n) => e.compare(ut[t].name, ut[n].name)).map((e) => ({
 			value: e,
@@ -1317,7 +1341,7 @@ function pt({ market: e, render: t }) {
 		render: t,
 		id: r,
 		children: e.title ?? n.market
-	}), /* @__PURE__ */ p(ce, {
+	}), /* @__PURE__ */ p(se, {
 		size: "sm",
 		"aria-labelledby": r,
 		options: a,
@@ -1437,28 +1461,28 @@ var X = {
 }, ht = "(min-width: 1312px)";
 function gt({ item: e, open: t, onOpenChange: i }) {
 	let a = e.groups.flatMap((e) => e.links), o = e.groups.flatMap((e) => e.cta == null ? [] : [e.cta]);
-	return /* @__PURE__ */ m(ue.Root, {
+	return /* @__PURE__ */ m(le.Root, {
 		open: t,
 		onOpenChange: i,
-		children: [/* @__PURE__ */ m(ue.Trigger, {
+		children: [/* @__PURE__ */ m(le.Trigger, {
 			className: X.Row,
 			children: [e.label, /* @__PURE__ */ p(r, {
 				"aria-hidden": !0,
 				className: X.RowChevron
 			})]
-		}), /* @__PURE__ */ p(ue.Panel, {
+		}), /* @__PURE__ */ p(le.Panel, {
 			className: X.SubmenuPanel,
 			children: /* @__PURE__ */ m("div", {
 				className: X.Submenu,
 				children: [
 					(st(e) || a.length > 0) && /* @__PURE__ */ m("ul", {
 						className: X.Links,
-						children: [st(e) && /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
+						children: [st(e) && /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(K, {
 							className: X.Parent,
 							href: e.href,
 							render: e.render,
 							children: e.label
-						}) }), a.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
+						}) }), a.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(K, {
 							href: e.href,
 							render: e.render,
 							children: e.label
@@ -1503,7 +1527,7 @@ function _t({ items: e }) {
 }
 function vt({ items: e, home: t, account: n }) {
 	let r = lt(), [i, a] = T(!1);
-	return S(() => {
+	return x(() => {
 		if (!i) return;
 		let e = window.matchMedia(ht), t = () => {
 			e.matches && a(!1);
@@ -1544,7 +1568,7 @@ function vt({ items: e, home: t, account: n }) {
 								})
 							]
 						})
-					}), /* @__PURE__ */ p(re, { size: "sm" })]
+					}), /* @__PURE__ */ p(ne, { size: "sm" })]
 				}), /* @__PURE__ */ p(A.Content, {
 					className: X.MenuContent,
 					children: /* @__PURE__ */ p(_t, { items: e })
@@ -1556,7 +1580,7 @@ function vt({ items: e, home: t, account: n }) {
 //#endregion
 //#region src/website/site-header/site-header.tsx
 function yt({ group: e }) {
-	let t = C(), r = e.title != null, i = e.links.length > 0;
+	let t = S(), r = e.title != null, i = e.links.length > 0;
 	return /* @__PURE__ */ m("div", {
 		className: X.Group,
 		children: [
@@ -1568,7 +1592,7 @@ function yt({ group: e }) {
 			i && /* @__PURE__ */ p("ul", {
 				className: X.Links,
 				"aria-labelledby": r ? t : void 0,
-				children: e.links.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
+				children: e.links.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(K, {
 					render: /* @__PURE__ */ p(k.Link, {
 						closeOnClick: !0,
 						href: e.href,
@@ -1685,7 +1709,7 @@ function xt({ logo: e, homeRender: t, items: n, endItems: r = [], account: i, ac
 					})
 				]
 			})
-		}), /* @__PURE__ */ p(re, { size: "sm" })]
+		}), /* @__PURE__ */ p(ne, { size: "sm" })]
 	});
 }
 var Z = {
@@ -1877,19 +1901,19 @@ var $ = {
 });
 //#endregion
 //#region src/website/testimonials/testimonials.tsx
-function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o, rating: s, videoSrc: c, videoPoster: u, videoCaptions: g, videoPosition: v = "start", render: y, ref: b, className: x, children: S, ...ee }) {
-	let w = Tt(), T = C(), te = i != null || a != null, ne = h.toArray(S).length > 0;
+function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o, rating: s, videoSrc: c, videoPoster: u, videoCaptions: g, videoPosition: v = "start", render: y, ref: b, className: x, children: C, ...w }) {
+	let T = Tt(), ee = S(), te = i != null || a != null, ne = h.toArray(C).length > 0;
 	return e({
 		render: y,
 		ref: b,
 		defaultTagName: "div",
 		props: {
-			...ee,
+			...w,
 			className: N($.Testimonials, x)({}),
 			children: /* @__PURE__ */ m(f, { children: [
-				t != null && /* @__PURE__ */ p(Je, {
+				t != null && /* @__PURE__ */ p(Ke, {
 					title: t,
-					titleRender: _(n ?? /* @__PURE__ */ p("h2", {}), { id: T }),
+					titleRender: _(n ?? /* @__PURE__ */ p("h2", {}), { id: ee }),
 					subtitle: r
 				}),
 				(te || c != null) && /* @__PURE__ */ m("div", {
@@ -1899,7 +1923,7 @@ function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o,
 					children: [te && /* @__PURE__ */ m("figure", {
 						className: $.Quote,
 						children: [
-							s != null && /* @__PURE__ */ p(le, { rating: s }),
+							s != null && /* @__PURE__ */ p(ce, { rating: s }),
 							i != null && /* @__PURE__ */ p("blockquote", {
 								className: $.Blockquote,
 								children: typeof i == "string" || typeof i == "number" ? /* @__PURE__ */ p("p", { children: i }) : i
@@ -1932,19 +1956,19 @@ function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o,
 						}), /* @__PURE__ */ m(E.Root, { children: [/* @__PURE__ */ p(E.Trigger, { render: /* @__PURE__ */ p(D, {
 							variant: "elevated",
 							color: "secondary",
-							"aria-label": w.play,
+							"aria-label": T.play,
 							className: $.Play,
 							children: /* @__PURE__ */ p(l, { "aria-hidden": !0 })
 						}) }), /* @__PURE__ */ m(E.Portal, { children: [/* @__PURE__ */ p(E.Backdrop, {}), /* @__PURE__ */ p(E.Viewport, {
 							className: $.DialogViewport,
 							children: /* @__PURE__ */ m(E.Popup, {
 								size: "lg",
-								"aria-label": w.video,
+								"aria-label": T.video,
 								className: $.DialogPopup,
 								children: [/* @__PURE__ */ p(E.Close, { render: /* @__PURE__ */ p(D, {
 									variant: "elevated",
 									color: "secondary",
-									"aria-label": w.close,
+									"aria-label": T.close,
 									className: $.Close,
 									children: /* @__PURE__ */ p(d, { "aria-hidden": !0 })
 								}) }), /* @__PURE__ */ p("video", {
@@ -1956,8 +1980,8 @@ function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o,
 									children: g != null && /* @__PURE__ */ p("track", {
 										kind: "captions",
 										src: g,
-										srcLang: w.captionsLanguage,
-										label: w.captionsLabel,
+										srcLang: T.captionsLanguage,
+										label: T.captionsLabel,
 										default: !0
 									})
 								})]
@@ -1965,15 +1989,15 @@ function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o,
 						})] })] })]
 					})]
 				}),
-				ne && /* @__PURE__ */ p(Ee, {
-					...t == null ? { "aria-label": w.reviews } : { "aria-labelledby": T },
-					children: S
+				ne && /* @__PURE__ */ p(we, {
+					...t == null ? { "aria-label": T.reviews } : { "aria-labelledby": ee },
+					children: C
 				})
 			] })
 		}
 	});
 }
 //#endregion
-export { fe as AlertBanner, _e as BrandLetters, ve as Calculator, Ee as Carousel, De as CtaBanner, Fe as ExpandingCards, Ie as ExpandingCardsItem, Le as Hero, Re as HeroServiceGrid, ze as NavigationGrid, Ve as PartnerList, He as PaymentFeature, We as PromoGrid, qe as Section, Je as SectionHeader, Xe as ServiceCardGrid, $e as SideNav, mt as SiteFooter, xt as SiteHeader, St as SplitContent, Ct as Stats, Et as Testimonials };
+export { de as AlertBanner, he as BrandLetters, ge as Calculator, we as Carousel, Te as CtaBanner, Ne as ExpandingCards, Pe as ExpandingCardsItem, Fe as Hero, Ie as HeroServiceGrid, Le as NavigationGrid, ze as PartnerList, Be as PaymentFeature, He as PromoGrid, Ge as Section, Ke as SectionHeader, Je as ServiceCardGrid, Ze as SideNav, mt as SiteFooter, xt as SiteHeader, St as SplitContent, Ct as Stats, Et as Testimonials };
 
 //# sourceMappingURL=website.mjs.map