@leabankab/component-library 8.8.0 → 8.9.1

package/dist/website.mjs

@@ -1,16 +1,68 @@
 "use client";
 import { useRender as e } from "@base-ui/react/use-render";
-import { ChevronLeft as t, ChevronRight as n, Pause as r, Play as i, X as a } from "lucide-react";
-import { Children as o, Fragment as s, cloneElement as c, createContext as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as m, useMemo as h, useRef as g, useState as _, useSyncExternalStore as v } from "react";
-import { ActionButton as y, Dialog as b, FeaturedImage as x, IconButton as S, PaginationDots as C, Panel as w, PartnerRow as T, StarRating as ee, createTranslation as E } from "./component-library.es.js";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import './website.css';//#region src/utils/merge-class-name.ts
-var A = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).join(" "), j = {
+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 { NavigationMenu as k } from "@base-ui/react/navigation-menu";
+import { Collapsible as ue } 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 }) {
+	return p(typeof n == "string" || typeof n == "number" ? "p" : "div", {
+		className: e,
+		id: t,
+		children: n
+	});
+}
+var M = {
+	AlertBanner: "_AlertBanner_vmi8l_6",
+	Icon: "_Icon_vmi8l_18",
+	Content: "_Content_vmi8l_31",
+	Title: "_Title_vmi8l_40",
+	Text: "_Text_vmi8l_47"
+};
+//#endregion
+//#region src/website/alert-banner/alert-banner.tsx
+function de({ render: t, children: n }) {
+	return e({
+		render: t,
+		defaultTagName: "h2",
+		props: {
+			className: M.Title,
+			children: n
+		}
+	});
+}
+function fe({ title: e, text: t, titleRender: n, icon: r, className: i, ...a }) {
+	let o = r === void 0 ? /* @__PURE__ */ p(u, {}) : r;
+	return /* @__PURE__ */ m("div", {
+		...a,
+		className: [M.AlertBanner, i].filter(Boolean).join(" "),
+		children: [o != null && o !== !1 && /* @__PURE__ */ p("span", {
+			"aria-hidden": !0,
+			className: M.Icon,
+			children: o
+		}), /* @__PURE__ */ m("div", {
+			className: M.Content,
+			children: [e != null && /* @__PURE__ */ p(de, {
+				render: n,
+				children: e
+			}), t != null && /* @__PURE__ */ p(j, {
+				className: M.Text,
+				children: t
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/utils/merge-class-name.ts
+var N = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).join(" "), pe = {
 	BrandLetters: "_BrandLetters_1ygg1_9",
 	Letters: "_Letters_1ygg1_17",
 	Letter: "_Letter_1ygg1_17",
 	Video: "_Video_1ygg1_48"
-}, te = E({
+}, me = O({
 	play: {
 		no: "Spill av videoene",
 		se: "Spela upp videorna",
@@ -23,66 +75,66 @@ var A = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).
 		fi: "Keskeytä videot",
 		es: "Pausar los vídeos"
 	}
-}), ne = "(prefers-reduced-motion: reduce)", re = [
+}), he = "(prefers-reduced-motion: reduce)", ge = [
 	"L",
 	"E",
 	"A"
 ];
-function ie({ videos: t, render: n, ref: a, className: o, ...s }) {
-	let c = te(), l = g([]), [u, d] = _(!1), f = (e) => {
-		for (let t of l.current) t && e(t);
-	}, m = (e) => {
+function _e({ videos: t, render: n, ref: r, className: i, ...a }) {
+	let o = me(), 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(() => {});
 	};
-	p(() => {
-		let e = window.matchMedia(ne);
-		e.matches || f(m);
+	S(() => {
+		let e = window.matchMedia(he);
+		e.matches || h(g);
 		let t = (e) => {
-			e.matches && f((e) => e.pause());
+			e.matches && h((e) => e.pause());
 		};
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let h = () => d(l.current.some((e) => e != null && !e.paused)), v = () => {
-		f(u ? (e) => e.pause() : m);
+	let _ = () => d(s.current.some((e) => e != null && !e.paused)), v = () => {
+		h(u ? (e) => e.pause() : g);
 	};
 	return e({
 		render: n,
-		ref: a,
+		ref: r,
 		defaultTagName: "div",
 		props: {
-			...s,
-			className: A(j.BrandLetters, o)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
-				className: j.Letters,
-				children: re.map((e, n) => /* @__PURE__ */ O("div", {
-					className: j.Letter,
+			...a,
+			className: N(pe.BrandLetters, i)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+				className: pe.Letters,
+				children: ge.map((e, n) => /* @__PURE__ */ p("div", {
+					className: pe.Letter,
 					"data-letter": e,
-					children: /* @__PURE__ */ O("video", {
+					children: /* @__PURE__ */ p("video", {
 						ref: (e) => {
-							l.current[n] = e;
+							s.current[n] = e;
 						},
-						className: j.Video,
+						className: pe.Video,
 						src: t[n].src,
 						poster: t[n].poster,
 						muted: !0,
 						loop: !0,
 						playsInline: !0,
 						"aria-hidden": !0,
-						onPlay: h,
-						onPause: h
+						onPlay: _,
+						onPause: _
 					})
 				}, e))
-			}), /* @__PURE__ */ O(S, {
+			}), /* @__PURE__ */ p(D, {
 				variant: "elevated",
 				color: "secondary",
-				"aria-label": u ? c.pause : c.play,
+				"aria-label": u ? o.pause : o.play,
 				onClick: v,
-				children: O(u ? r : i, { "aria-hidden": !0 })
+				children: p(u ? c : l, { "aria-hidden": !0 })
 			})] })
 		}
 	});
 }
-var M = {
+var P = {
 	Calculator: "_Calculator_1mamd_12",
 	Body: "_Body_1mamd_26",
 	Panel: "_Panel_1mamd_41",
@@ -95,39 +147,39 @@ var M = {
 	Price: "_Price_1mamd_103"
 };
 //#endregion
-//#region src/website/calculator.tsx
-function ae({ header: t, results: n, action: r, priceExample: i, render: a, ref: o, className: s, children: c, ...l }) {
+//#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 }) {
 	return e({
 		render: a,
 		ref: o,
 		defaultTagName: "div",
 		props: {
 			...l,
-			className: A(M.Calculator, s)({}),
-			children: /* @__PURE__ */ k(D, { children: [t, /* @__PURE__ */ k("div", {
-				className: M.Body,
-				children: [/* @__PURE__ */ O("div", {
-					className: M.Panel,
+			className: N(P.Calculator, s)({}),
+			children: /* @__PURE__ */ m(f, { children: [t, /* @__PURE__ */ m("div", {
+				className: P.Body,
+				children: [/* @__PURE__ */ p("div", {
+					className: P.Panel,
 					children: c
-				}), /* @__PURE__ */ k("div", {
-					className: M.Summary,
-					children: [n.length > 0 && /* @__PURE__ */ O("dl", {
-						className: M.Results,
+				}), /* @__PURE__ */ m("div", {
+					className: P.Summary,
+					children: [n.length > 0 && /* @__PURE__ */ p("dl", {
+						className: P.Results,
 						"aria-live": "polite",
-						children: n.map((e, t) => /* @__PURE__ */ k("div", {
-							className: M.Result,
-							children: [/* @__PURE__ */ O("dt", {
-								className: M.Label,
+						children: n.map((e, t) => /* @__PURE__ */ m("div", {
+							className: P.Result,
+							children: [/* @__PURE__ */ p("dt", {
+								className: P.Label,
 								children: e.label
-							}), /* @__PURE__ */ O("dd", {
-								className: M.Value,
+							}), /* @__PURE__ */ p("dd", {
+								className: P.Value,
 								children: e.value
 							})]
 						}, t))
-					}), (r != null || i != null) && /* @__PURE__ */ k("div", {
-						className: M.Actions,
-						children: [r, i != null && /* @__PURE__ */ O("p", {
-							className: M.Price,
+					}), (r != null || i != null) && /* @__PURE__ */ m("div", {
+						className: P.Actions,
+						children: [r, i != null && /* @__PURE__ */ p("p", {
+							className: P.Price,
 							children: i
 						})]
 					})]
@@ -136,16 +188,28 @@ function ae({ header: t, results: n, action: r, priceExample: i, render: a, ref:
 		}
 	});
 }
-var N = {
+var F = {
 	Carousel: "_Carousel_17a24_14",
 	Viewport: "_Viewport_17a24_31",
 	Track: "_Track_17a24_66",
 	Slide: "_Slide_17a24_94",
 	Controls: "_Controls_17a24_100",
 	VisuallyHidden: "_VisuallyHidden_17a24_109"
-}, oe = "(prefers-reduced-motion: reduce)", se = 150;
-function ce(e, t) {
-	let n = g([0]), r = g(void 0), [i, a] = _(() => ({
+}, ye = {
+	fast: "0.15s",
+	normal: "0.2s",
+	emphasis: "0.3s"
+}, be = "(prefers-reduced-motion: reduce)", xe = 150, Se = parseFloat(ye.emphasis) * 1e3;
+function Ce(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;
+		t(i, .42, .58) < e ? n = i : r = i;
+	}
+	return t((n + r) / 2, 0, 1);
+}
+function we(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,
 		settledPage: 0,
@@ -153,66 +217,99 @@ function ce(e, t) {
 		atEnd: t <= 2,
 		overflowing: t > 2,
 		moved: !1
-	})), o = d((t, r = !1) => {
+	})), s = b((t, r = !1) => {
 		let i = e.current;
 		if (!i) return;
-		let o = i.scrollLeft, s = Math.max(0, i.scrollWidth - i.clientWidth), c = n.current, l = 0;
-		for (let e = 1; e < c.length; e += 1) Math.abs(c[e] - o) < Math.abs(c[l] - o) && (l = e);
-		a((e) => {
+		let a = i.scrollLeft, s = Math.max(0, i.scrollWidth - i.clientWidth), c = n.current, l = 0;
+		for (let e = 1; e < c.length; e += 1) Math.abs(c[e] - a) < Math.abs(c[l] - a) && (l = e);
+		o((e) => {
 			let n = {
 				pageCount: c.length,
 				page: l,
 				settledPage: t ? l : e.settledPage,
-				atStart: o <= 1,
-				atEnd: o >= s - 1,
+				atStart: a <= 1,
+				atEnd: a >= s - 1,
 				overflowing: s > 1,
 				moved: e.moved || r
 			};
 			return Object.keys(n).every((t) => n[t] === e[t]) ? e : n;
 		});
-	}, [e]), s = d(() => {
+	}, [e]), c = b(() => {
 		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, s = [];
+		let r = Math.max(0, t.scrollWidth - t.clientWidth), i = Array.from(t.children), a = i[0]?.offsetLeft ?? 0, o = [];
 		for (let e of i) {
 			let t = Math.min(Math.max(0, e.offsetLeft - a), r);
-			(s.length === 0 || t - s[s.length - 1] > 1) && s.push(t);
+			(o.length === 0 || t - o[o.length - 1] > 1) && o.push(t);
 		}
-		n.current = s.length > 0 ? s : [0], o(!0);
-	}, [o, e]);
-	p(() => {
+		n.current = o.length > 0 ? o : [0], s(!0);
+	}, [s, e]), l = b(() => {
+		i.current && (cancelAnimationFrame(i.current.frame), i.current = void 0, e.current?.style.removeProperty("scroll-snap-type"));
+	}, [e]);
+	S(() => {
 		let t = e.current;
 		if (!t) return;
-		s();
+		c();
 		let n = () => {
-			o(!1, !0), clearTimeout(r.current), r.current = setTimeout(() => o(!0), se);
-		}, i = new ResizeObserver(s);
-		return t.addEventListener("scroll", n, { passive: !0 }), i.observe(t), () => {
-			t.removeEventListener("scroll", n), i.disconnect(), clearTimeout(r.current);
+			s(!1, !0), clearTimeout(r.current), r.current = setTimeout(() => s(!0), xe);
+		}, i = new ResizeObserver(c), a = [
+			"pointerdown",
+			"touchstart",
+			"wheel",
+			"keydown"
+		];
+		t.addEventListener("scroll", n, { passive: !0 });
+		for (let e of a) t.addEventListener(e, l, { passive: !0 });
+		return i.observe(t), () => {
+			t.removeEventListener("scroll", n);
+			for (let e of a) t.removeEventListener(e, l);
+			i.disconnect(), clearTimeout(r.current), l();
 		};
 	}, [
+		c,
 		s,
-		o,
 		t,
+		l,
 		e
 	]);
-	let c = d((t) => {
+	let u = b((t) => {
 		let r = e.current;
 		if (!r) return;
-		let i = n.current, a = Math.min(i.length - 1, Math.max(0, t)), o = !window.matchMedia(oe).matches;
-		r.scrollTo({
-			left: i[a],
-			behavior: o ? "smooth" : "auto"
-		});
-	}, [e]);
+		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) {
+			r.scrollTo({
+				left: o,
+				behavior: "instant"
+			});
+			return;
+		}
+		r.style.setProperty("scroll-snap-type", "none");
+		let c = performance.now(), u = (e) => {
+			let t = Math.min(1, (e - c) / Se);
+			r.scrollTo({
+				left: s + (o - s) * Ce(t),
+				behavior: "instant"
+			}), t < 1 ? i.current = {
+				frame: requestAnimationFrame(u),
+				to: o
+			} : (i.current = void 0, r.style.removeProperty("scroll-snap-type"));
+		};
+		i.current = {
+			frame: requestAnimationFrame(u),
+			to: o
+		};
+	}, [l, e]);
 	return {
-		...i,
-		goTo: c
+		...a,
+		goTo: u
 	};
 }
 //#endregion
-//#region src/website/use-carousel-labels.ts
-var le = E({
+//#region src/website/carousel/use-carousel-labels.ts
+var Te = O({
 	carousel: {
 		no: "karusell",
 		se: "karusell",
@@ -239,69 +336,69 @@ var le = E({
 	}
 });
 //#endregion
-//#region src/website/carousel.tsx
-function P({ getItemLabel: r, render: i, ref: a, className: s, children: c, ...l }) {
-	let u = le(), d = g(null), f = o.toArray(c), { pageCount: p, page: m, settledPage: h, atStart: _, atEnd: v, overflowing: y, moved: b, goTo: x } = ce(d, f.length);
+//#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);
 	return e({
-		render: i,
-		ref: a,
+		render: n,
+		ref: r,
 		defaultTagName: "div",
 		props: {
 			role: "region",
-			"aria-roledescription": u.carousel,
-			...l,
-			className: A(N.Carousel, s)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
-				className: N.Viewport,
-				"data-at-start": _ || void 0,
-				"data-at-end": v || void 0,
-				children: /* @__PURE__ */ O("ul", {
-					ref: d,
-					className: N.Track,
-					tabIndex: y ? 0 : void 0,
-					children: f.map((e, t) => /* @__PURE__ */ O("li", {
-						className: N.Slide,
+			"aria-roledescription": l.carousel,
+			...c,
+			className: N(F.Carousel, o)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+				className: F.Viewport,
+				"data-at-start": y || void 0,
+				"data-at-end": b || void 0,
+				children: /* @__PURE__ */ p("ul", {
+					ref: u,
+					className: F.Track,
+					tabIndex: x ? 0 : void 0,
+					children: d.map((e, t) => /* @__PURE__ */ p("li", {
+						className: F.Slide,
 						children: e
 					}, t))
 				})
-			}), p > 1 && /* @__PURE__ */ k("div", {
-				className: N.Controls,
+			}), g > 1 && /* @__PURE__ */ m("div", {
+				className: F.Controls,
 				children: [
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ p(D, {
 						variant: "elevated",
 						color: "secondary",
-						"aria-label": u.previous,
-						disabled: m === 0,
+						"aria-label": l.previous,
+						disabled: _ === 0,
 						focusableWhenDisabled: !0,
-						onClick: () => x(m - 1),
-						children: /* @__PURE__ */ O(t, { "aria-hidden": !0 })
+						onClick: () => C(_ - 1),
+						children: /* @__PURE__ */ p(i, { "aria-hidden": !0 })
 					}),
-					/* @__PURE__ */ O(C, {
-						count: p,
-						value: m + 1,
-						onValueChange: (e) => x(e - 1),
-						getItemLabel: r
+					/* @__PURE__ */ p(ae, {
+						count: g,
+						value: _ + 1,
+						onValueChange: (e) => C(e - 1),
+						getItemLabel: t
 					}),
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ p(D, {
 						variant: "elevated",
 						color: "secondary",
-						"aria-label": u.next,
-						disabled: m === p - 1,
+						"aria-label": l.next,
+						disabled: _ === g - 1,
 						focusableWhenDisabled: !0,
-						onClick: () => x(m + 1),
-						children: /* @__PURE__ */ O(n, { "aria-hidden": !0 })
+						onClick: () => C(_ + 1),
+						children: /* @__PURE__ */ p(a, { "aria-hidden": !0 })
 					}),
-					/* @__PURE__ */ O("span", {
+					/* @__PURE__ */ p("span", {
 						role: "status",
-						className: N.VisuallyHidden,
-						children: b && u.status.replace("{page}", String(h + 1)).replace("{count}", String(p))
+						className: F.VisuallyHidden,
+						children: S && l.status.replace("{page}", String(v + 1)).replace("{count}", String(g))
 					})
 				]
 			})] })
 		}
 	});
 }
-var F = {
+var I = {
 	CtaBanner: "_CtaBanner_vkp5c_7",
 	Title: "_Title_vkp5c_15",
 	Content: "_Content_vkp5c_24",
@@ -310,22 +407,13 @@ var F = {
 	Price: "_Price_vkp5c_53"
 };
 //#endregion
-//#region src/website/paragraphs.tsx
-function I({ className: e, id: t, children: n }) {
-	return O(typeof n == "string" || typeof n == "number" ? "p" : "div", {
-		className: e,
-		id: t,
-		children: n
-	});
-}
-//#endregion
-//#region src/website/cta-banner.tsx
-function ue({ title: t, titleRender: n, text: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
+//#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 }) {
 	let u = e({
 		render: n,
 		defaultTagName: "h2",
 		props: {
-			className: F.Title,
+			className: I.Title,
 			children: t
 		}
 	}), d = r != null || i != null || a != null;
@@ -336,20 +424,20 @@ function ue({ title: t, titleRender: n, text: r, action: i, priceExample: a, ren
 		props: {
 			...l,
 			"data-has-content": d || void 0,
-			className: A(F.CtaBanner, c)({}),
-			children: /* @__PURE__ */ k(D, { children: [u, d && /* @__PURE__ */ k("div", {
-				className: F.Content,
+			className: N(I.CtaBanner, c)({}),
+			children: /* @__PURE__ */ m(f, { children: [u, d && /* @__PURE__ */ m("div", {
+				className: I.Content,
 				children: [
-					r != null && /* @__PURE__ */ O(I, {
-						className: F.Text,
+					r != null && /* @__PURE__ */ p(j, {
+						className: I.Text,
 						children: r
 					}),
-					i != null && /* @__PURE__ */ O("div", {
-						className: F.Action,
+					i != null && /* @__PURE__ */ p("div", {
+						className: I.Action,
 						children: i
 					}),
-					a != null && /* @__PURE__ */ O("p", {
-						className: F.Price,
+					a != null && /* @__PURE__ */ p("p", {
+						className: I.Price,
 						children: a
 					})
 				]
@@ -358,34 +446,34 @@ function ue({ title: t, titleRender: n, text: r, action: i, priceExample: a, ren
 	});
 }
 //#endregion
-//#region src/website/expanding-cards-context.ts
-var L = l({ open: !0 }), R = {
+//#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"
-}, z = "(min-width: 1312px)", de = { open: !0 }, fe = { open: !1 }, pe = (e) => {
-	let t = window.matchMedia(z);
+}, Ae = "(min-width: 1312px)", je = { open: !0 }, Me = { open: !1 }, Ne = (e) => {
+	let t = window.matchMedia(Ae);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
-}, me = () => v(pe, () => window.matchMedia(z).matches, () => !0);
-function he({ defaultOpen: t = "first", render: n, ref: r, className: i, children: a, ...s }) {
-	let c = o.toArray(a), l = me(), [u, d] = _(() => t === "last" ? Math.max(0, c.length - 1) : 0);
+}, 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);
 	return e({
 		render: n,
 		ref: r,
 		defaultTagName: "div",
 		props: {
-			...s,
-			className: A(R.ExpandingCards, i)({}),
-			children: /* @__PURE__ */ O("ul", {
-				className: R.List,
-				style: { "--expanding-cards-count": c.length },
-				children: c.map((e, t) => /* @__PURE__ */ O("li", {
-					className: R.Item,
-					"data-open": t === u || void 0,
-					onPointerEnter: () => d(t),
-					onFocus: () => d(t),
-					children: /* @__PURE__ */ O(L.Provider, {
-						value: !l || t === u ? de : fe,
+			...o,
+			className: N(ke.ExpandingCards, i)({}),
+			children: /* @__PURE__ */ p("ul", {
+				className: ke.List,
+				style: { "--expanding-cards-count": s.length },
+				children: s.map((e, t) => /* @__PURE__ */ p("li", {
+					className: ke.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: e
 					})
 				}, t))
@@ -393,7 +481,7 @@ function he({ defaultOpen: t = "first", render: n, ref: r, className: i, childre
 		}
 	});
 }
-var B = {
+var L = {
 	ExpandingCardsItem: "_ExpandingCardsItem_1v7ai_17",
 	Content: "_Content_1v7ai_53",
 	Title: "_Title_1v7ai_70",
@@ -403,56 +491,56 @@ var B = {
 	Image: "_Image_1v7ai_117"
 };
 //#endregion
-//#region src/website/expanding-cards-item.tsx
-function ge({ title: t, titleRender: n, text: r, action: i, src: a, alt: o, imageRender: s, surface: l = "base", render: d, ref: p, className: m, ...h }) {
-	let { open: g } = f(L), _ = e({
+//#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({
 		render: n,
 		defaultTagName: "h2",
 		props: {
-			className: B.Title,
+			className: L.Title,
 			children: t
 		}
-	}), v = e({
+	}), b = e({
 		enabled: a != null,
 		render: s,
 		defaultTagName: "img",
 		props: {
 			src: a,
 			alt: o,
-			className: B.Image
+			className: L.Image
 		}
-	}), b = u(i) && i.type === y ? c(i, { iconOnly: !g }) : i;
+	}), S = y(i) && i.type === ne ? _(i, { iconOnly: !g }) : i;
 	return e({
-		render: d,
-		ref: p,
+		render: l,
+		ref: u,
 		defaultTagName: "div",
 		props: {
 			...h,
-			"data-surface": l,
+			"data-surface": c,
 			"data-open": g || void 0,
 			"data-image": a != null || void 0,
-			className: A(B.ExpandingCardsItem, m)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
-				className: B.Content,
+			className: N(L.ExpandingCardsItem, d)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+				className: L.Content,
 				children: [
-					_,
-					r != null && /* @__PURE__ */ O(I, {
-						className: B.Text,
+					v,
+					r != null && /* @__PURE__ */ p(j, {
+						className: L.Text,
 						children: r
 					}),
-					i != null && /* @__PURE__ */ O("div", {
-						className: B.Action,
-						children: b
+					i != null && /* @__PURE__ */ p("div", {
+						className: L.Action,
+						children: S
 					})
 				]
-			}), v != null && /* @__PURE__ */ O("div", {
-				className: B.Photo,
-				children: v
+			}), b != null && /* @__PURE__ */ p("div", {
+				className: L.Photo,
+				children: b
 			})] })
 		}
 	});
 }
-var V = {
+var R = {
 	Hero: "_Hero_1ik22_8",
 	Background: "_Background_1ik22_24",
 	Image: "_Image_1ik22_30",
@@ -464,22 +552,22 @@ var V = {
 	Price: "_Price_1ik22_80"
 };
 //#endregion
-//#region src/website/hero.tsx
-function _e({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o, action: s, priceExample: c, render: l, ref: u, className: d, ...f }) {
-	let p = e({
+//#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 }) {
+	let g = e({
 		render: a,
 		defaultTagName: "h1",
 		props: {
-			className: V.Title,
+			className: R.Title,
 			children: i
 		}
-	}), m = e({
+	}), _ = e({
 		render: r,
 		defaultTagName: "img",
 		props: {
 			src: t,
 			alt: n,
-			className: V.Image
+			className: R.Image
 		}
 	});
 	return e({
@@ -487,84 +575,84 @@ function _e({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o,
 		ref: u,
 		defaultTagName: "section",
 		props: {
-			...f,
-			className: A(V.Hero, d)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
-				className: V.Container,
-				children: /* @__PURE__ */ k(w, {
-					className: V.Box,
+			...h,
+			className: N(R.Hero, d)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+				className: R.Container,
+				children: /* @__PURE__ */ m(oe, {
+					className: R.Box,
 					children: [
-						p,
-						o != null && /* @__PURE__ */ O(I, {
-							className: V.Text,
+						g,
+						o != null && /* @__PURE__ */ p(j, {
+							className: R.Text,
 							children: o
 						}),
-						s != null && /* @__PURE__ */ O("div", {
-							className: V.Action,
+						s != null && /* @__PURE__ */ p("div", {
+							className: R.Action,
 							children: s
 						}),
-						c != null && /* @__PURE__ */ O("p", {
-							className: V.Price,
+						c != null && /* @__PURE__ */ p("p", {
+							className: R.Price,
 							children: c
 						})
 					]
 				})
-			}), /* @__PURE__ */ O("div", {
-				className: V.Background,
-				children: m
+			}), /* @__PURE__ */ p("div", {
+				className: R.Background,
+				children: _
 			})] })
 		}
 	});
 }
-var H = {
+var z = {
 	HeroServiceGrid: "_HeroServiceGrid_yr3eo_8",
 	Cards: "_Cards_yr3eo_15",
 	Item: "_Item_yr3eo_26",
 	Featured: "_Featured_yr3eo_51"
 };
 //#endregion
-//#region src/website/hero-service-grid.tsx
-function ve({ src: t, alt: n, imageRender: r, action: i, imagePosition: a = "start", render: s, ref: c, className: l, children: u, ...d }) {
-	let f = o.toArray(u);
+//#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 }) {
+	let d = h.toArray(l);
 	return e({
-		render: s,
-		ref: c,
+		render: o,
+		ref: s,
 		defaultTagName: "div",
 		props: {
-			...d,
+			...u,
 			"data-image-position": a,
-			className: A(H.HeroServiceGrid, l)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(x, {
-				className: H.Featured,
+			className: N(z.HeroServiceGrid, c)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ie, {
+				className: z.Featured,
 				src: t,
 				alt: n,
 				imageRender: r,
 				action: i
-			}), f.length > 0 && /* @__PURE__ */ O("ul", {
-				className: H.Cards,
-				children: f.map((e, t) => /* @__PURE__ */ O("li", {
-					className: H.Item,
+			}), d.length > 0 && /* @__PURE__ */ p("ul", {
+				className: z.Cards,
+				children: d.map((e, t) => /* @__PURE__ */ p("li", {
+					className: z.Item,
 					children: e
 				}, t))
 			})] })
 		}
 	});
 }
-var U = {
+var B = {
 	NavigationGrid: "_NavigationGrid_ocatr_9",
 	Title: "_Title_ocatr_16",
 	List: "_List_ocatr_25",
 	Item: "_Item_ocatr_35"
 };
 //#endregion
-//#region src/website/navigation-grid.tsx
-function ye({ title: t, titleRender: n, render: r, ref: i, className: a, children: s, ...c }) {
-	let l = o.toArray(s), u = l.length >= 3 && l.length % 2 == 1, d = e({
+//#region src/website/navigation-grid/navigation-grid.tsx
+function ze({ 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: U.Title,
+			className: B.Title,
 			children: t
 		}
 	});
@@ -573,25 +661,25 @@ function ye({ title: t, titleRender: n, render: r, ref: i, className: a, childre
 		ref: i,
 		defaultTagName: "div",
 		props: {
-			...c,
-			className: A(U.NavigationGrid, a)({}),
-			children: /* @__PURE__ */ k(D, { children: [d, /* @__PURE__ */ O("ul", {
-				className: U.List,
-				"data-odd": u || void 0,
-				children: l.map((e, t) => /* @__PURE__ */ O("li", {
-					className: U.Item,
+			...s,
+			className: N(B.NavigationGrid, a)({}),
+			children: /* @__PURE__ */ m(f, { children: [u, /* @__PURE__ */ p("ul", {
+				className: B.List,
+				"data-odd": l || void 0,
+				children: c.map((e, t) => /* @__PURE__ */ p("li", {
+					className: B.Item,
 					children: e
 				}, t))
 			})] })
 		}
 	});
 }
-var W = {
+var V = {
 	PartnerList: "_PartnerList_9o9wx_7",
 	List: "_List_9o9wx_11",
 	Controls: "_Controls_9o9wx_19",
 	VisuallyHidden: "_VisuallyHidden_9o9wx_29"
-}, be = E({
+}, Be = O({
 	previous: {
 		no: "Forrige side",
 		se: "Föregående sida",
@@ -618,67 +706,67 @@ var W = {
 	}
 });
 //#endregion
-//#region src/website/partner-list.tsx
-function xe({ items: r, pageSize: i = 9, value: a, defaultValue: o = 1, onValueChange: s, render: c, ref: l, className: u, ...d }) {
-	let f = be(), [p, m] = _(o), g = h(() => {
-		let e = new Intl.Collator(f.collation, { sensitivity: "base" });
-		return [...r].sort((t, n) => e.compare(t.name, n.name));
-	}, [r, f.collation]), v = Math.max(1, Math.floor(i)), y = Math.max(1, Math.ceil(g.length / v)), b = Math.min(y, Math.max(1, a ?? p)), x = (b - 1) * v, w = (e) => {
-		let t = Math.min(y, Math.max(1, e));
-		a === void 0 && m(t), t !== b && s?.(t);
+//#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(() => {
+		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) => {
+		let t = Math.min(b, Math.max(1, e));
+		r === void 0 && _(t), t !== x && s?.(t);
 	};
 	return e({
-		enabled: g.length > 0,
+		enabled: v.length > 0,
 		render: c,
 		ref: l,
 		defaultTagName: "div",
 		props: {
 			...d,
-			className: A(W.PartnerList, u)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("ul", {
-				className: W.List,
-				children: g.slice(x, x + v).map(({ name: e, content: t, ...n }, r) => /* @__PURE__ */ O(T, {
+			className: N(V.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, {
 					...n,
-					render: /* @__PURE__ */ O("li", {}),
+					render: /* @__PURE__ */ p("li", {}),
 					children: t
-				}, `${x + r}-${e}`))
-			}), y > 1 && /* @__PURE__ */ k("div", {
-				className: W.Controls,
+				}, `${S + r}-${e}`))
+			}), b > 1 && /* @__PURE__ */ m("div", {
+				className: V.Controls,
 				children: [
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ p(D, {
 						variant: "elevated",
 						color: "secondary",
-						"aria-label": f.previous,
-						disabled: b === 1,
+						"aria-label": h.previous,
+						disabled: x === 1,
 						focusableWhenDisabled: !0,
-						onClick: () => w(b - 1),
-						children: /* @__PURE__ */ O(t, { "aria-hidden": !0 })
+						onClick: () => C(x - 1),
+						children: /* @__PURE__ */ p(i, { "aria-hidden": !0 })
 					}),
-					/* @__PURE__ */ O(C, {
-						count: y,
-						value: b,
-						onValueChange: w
+					/* @__PURE__ */ p(ae, {
+						count: b,
+						value: x,
+						onValueChange: C
 					}),
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ p(D, {
 						variant: "elevated",
 						color: "secondary",
-						"aria-label": f.next,
-						disabled: b === y,
+						"aria-label": h.next,
+						disabled: x === b,
 						focusableWhenDisabled: !0,
-						onClick: () => w(b + 1),
-						children: /* @__PURE__ */ O(n, { "aria-hidden": !0 })
+						onClick: () => C(x + 1),
+						children: /* @__PURE__ */ p(a, { "aria-hidden": !0 })
 					}),
-					/* @__PURE__ */ O("span", {
+					/* @__PURE__ */ p("span", {
 						role: "status",
-						className: W.VisuallyHidden,
-						children: f.status.replace("{page}", String(b)).replace("{count}", String(y))
+						className: V.VisuallyHidden,
+						children: h.status.replace("{page}", String(x)).replace("{count}", String(b))
 					})
 				]
 			})] })
 		}
 	});
 }
-var G = {
+var H = {
 	Grid: "_Grid_1vukg_10",
 	Content: "_Content_1vukg_17",
 	Logos: "_Logos_1vukg_28",
@@ -694,78 +782,78 @@ var G = {
 	Image: "_Image_1vukg_115"
 };
 //#endregion
-//#region src/website/payment-feature.tsx
-function Se({ 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 p = e({
+//#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 }) {
+	let h = e({
 		render: r,
 		defaultTagName: "h2",
 		props: {
-			className: G.Title,
+			className: H.Title,
 			children: n
 		}
-	}), m = e({
+	}), g = e({
 		enabled: s != null,
 		render: l,
 		defaultTagName: "img",
 		props: {
 			src: s,
 			alt: c,
-			className: G.Image
+			className: H.Image
 		}
 	});
-	return /* @__PURE__ */ O(w, {
+	return /* @__PURE__ */ p(oe, {
 		...f,
-		className: [G.PaymentFeature, d].filter(Boolean).join(" "),
+		className: [H.PaymentFeature, d].filter(Boolean).join(" "),
 		"data-image-position": u,
-		"data-has-image": m != null || void 0,
-		children: /* @__PURE__ */ k("div", {
-			className: G.Grid,
-			children: [/* @__PURE__ */ k("div", {
-				className: G.Content,
+		"data-has-image": g != null || void 0,
+		children: /* @__PURE__ */ m("div", {
+			className: H.Grid,
+			children: [/* @__PURE__ */ m("div", {
+				className: H.Content,
 				children: [
-					t != null && t.length > 0 && /* @__PURE__ */ O("ul", {
-						className: G.Logos,
-						children: t.map((e, t) => /* @__PURE__ */ O(Ce, { ...e }, t))
+					t != null && t.length > 0 && /* @__PURE__ */ p("ul", {
+						className: H.Logos,
+						children: t.map((e, t) => /* @__PURE__ */ p(Ue, { ...e }, t))
 					}),
-					/* @__PURE__ */ k("div", {
-						className: G.Text,
-						children: [p, i != null && /* @__PURE__ */ O(I, {
-							className: G.Description,
+					/* @__PURE__ */ m("div", {
+						className: H.Text,
+						children: [h, i != null && /* @__PURE__ */ p(j, {
+							className: H.Description,
 							children: i
 						})]
 					}),
-					a != null && /* @__PURE__ */ O("div", {
-						className: G.Actions,
+					a != null && /* @__PURE__ */ p("div", {
+						className: H.Actions,
 						children: a
 					}),
-					o != null && /* @__PURE__ */ O("p", {
-						className: G.Price,
+					o != null && /* @__PURE__ */ p("p", {
+						className: H.Price,
 						children: o
 					})
 				]
-			}), m != null && /* @__PURE__ */ O("div", {
-				className: G.Media,
-				children: m
+			}), g != null && /* @__PURE__ */ p("div", {
+				className: H.Media,
+				children: g
 			})]
 		})
 	});
 }
-function Ce({ src: t, alt: n, imageRender: r }) {
+function Ue({ src: t, alt: n, imageRender: r }) {
 	let i = e({
 		render: r,
 		defaultTagName: "img",
 		props: {
 			src: t,
 			alt: n,
-			className: G.Logo
+			className: H.Logo
 		}
 	});
-	return /* @__PURE__ */ O("li", {
-		className: G.LogoItem,
+	return /* @__PURE__ */ p("li", {
+		className: H.LogoItem,
 		children: i
 	});
 }
-var K = {
+var U = {
 	PromoGrid: "_PromoGrid_1l2yi_10",
 	Featured: "_Featured_1l2yi_19",
 	Content: "_Content_1l2yi_23",
@@ -776,13 +864,13 @@ var K = {
 	Subtitle: "_Subtitle_1l2yi_73"
 };
 //#endregion
-//#region src/website/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: f, ...p }) {
-	let m = e({
+//#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 }) {
+	let _ = e({
 		render: s,
 		defaultTagName: "h2",
 		props: {
-			className: K.Title,
+			className: U.Title,
 			children: o
 		}
 	});
@@ -791,25 +879,25 @@ function we({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, ti
 		ref: d,
 		defaultTagName: "div",
 		props: {
-			...p,
+			...g,
 			"data-image-position": l,
-			className: A(K.PromoGrid, f)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(x, {
-				className: K.Featured,
+			className: N(U.PromoGrid, h)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ie, {
+				className: U.Featured,
 				src: t,
 				alt: n,
 				imageRender: r,
 				action: i
-			}), /* @__PURE__ */ k("div", {
-				className: K.Content,
-				children: [a != null && a.length > 0 && /* @__PURE__ */ O("div", {
-					className: K.Photos,
+			}), /* @__PURE__ */ m("div", {
+				className: U.Content,
+				children: [a != null && a.length > 0 && /* @__PURE__ */ p("div", {
+					className: U.Photos,
 					"data-count": a.length,
-					children: a.map((e, t) => /* @__PURE__ */ O(Te, { ...e }, t))
-				}), /* @__PURE__ */ k("div", {
-					className: K.Block,
-					children: [m, c != null && /* @__PURE__ */ O(I, {
-						className: K.Subtitle,
+					children: a.map((e, t) => /* @__PURE__ */ p(Ge, { ...e }, t))
+				}), /* @__PURE__ */ m("div", {
+					className: U.Block,
+					children: [_, c != null && /* @__PURE__ */ p(j, {
+						className: U.Subtitle,
 						children: c
 					})]
 				})]
@@ -817,24 +905,24 @@ function we({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, ti
 		}
 	});
 }
-function Te({ src: t, alt: n, imageRender: r }) {
+function Ge({ src: t, alt: n, imageRender: r }) {
 	return e({
 		render: r,
 		defaultTagName: "img",
 		props: {
 			src: t,
 			alt: n,
-			className: K.Photo
+			className: U.Photo
 		}
 	});
 }
-var q = {
+var Ke = {
 	Section: "_Section_f8rp9_11",
 	Content: "_Content_f8rp9_60"
 };
 //#endregion
-//#region src/website/section.tsx
-function Ee({ surface: t = "base", spacingTop: n = "lg", spacingBottom: r = "lg", width: i = "full", render: a, ref: o, className: s, children: c, ...l }) {
+//#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 }) {
 	return e({
 		render: a,
 		ref: o,
@@ -844,16 +932,16 @@ function Ee({ surface: t = "base", spacingTop: n = "lg", spacingBottom: r = "lg"
 			"data-surface": t,
 			"data-spacing-top": n,
 			"data-spacing-bottom": r,
-			className: A(q.Section, s)({}),
-			children: /* @__PURE__ */ O("div", {
-				className: q.Content,
+			className: N(Ke.Section, s)({}),
+			children: /* @__PURE__ */ p("div", {
+				className: Ke.Content,
 				"data-width": i,
 				children: c
 			})
 		}
 	});
 }
-var J = {
+var W = {
 	SectionHeader: "_SectionHeader_11mff_8",
 	Text: "_Text_11mff_17",
 	Eyebrow: "_Eyebrow_11mff_25",
@@ -863,13 +951,13 @@ var J = {
 	Price: "_Price_11mff_75"
 };
 //#endregion
-//#region src/website/section-header.tsx
-function Y({ eyebrow: t, title: n, titleRender: r, titleSize: i = "lg", subtitle: a, actions: o, priceExample: s, render: c, ref: l, className: u, ...d }) {
-	let f = e({
+//#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 }) {
+	let h = e({
 		render: r,
 		defaultTagName: "h2",
 		props: {
-			className: J.Title,
+			className: W.Title,
 			children: n
 		}
 	});
@@ -880,61 +968,725 @@ function Y({ eyebrow: t, title: n, titleRender: r, titleSize: i = "lg", subtitle
 		props: {
 			...d,
 			"data-title-size": i,
-			className: A(J.SectionHeader, u)({}),
-			children: /* @__PURE__ */ k(D, { children: [
-				/* @__PURE__ */ k("div", {
-					className: J.Text,
+			className: N(W.SectionHeader, u)({}),
+			children: /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ m("div", {
+					className: W.Text,
 					children: [
-						t != null && /* @__PURE__ */ O("p", {
-							className: J.Eyebrow,
+						t != null && /* @__PURE__ */ p("p", {
+							className: W.Eyebrow,
 							children: t
 						}),
-						f,
-						a != null && /* @__PURE__ */ O(I, {
-							className: J.Subtitle,
+						h,
+						a != null && /* @__PURE__ */ p(j, {
+							className: W.Subtitle,
 							children: a
 						})
 					]
 				}),
-				o != null && /* @__PURE__ */ O("div", {
-					className: J.Actions,
+				o != null && /* @__PURE__ */ p("div", {
+					className: W.Actions,
 					children: o
 				}),
-				s != null && /* @__PURE__ */ O("p", {
-					className: J.Price,
+				s != null && /* @__PURE__ */ p("p", {
+					className: W.Price,
 					children: s
 				})
 			] })
 		}
 	});
 }
-var X = {
+var Ye = {
 	ServiceCardGrid: "_ServiceCardGrid_nutvc_9",
 	List: "_List_nutvc_13",
 	Item: "_Item_nutvc_23"
 };
 //#endregion
-//#region src/website/service-card-grid.tsx
-function De({ render: t, ref: n, className: r, children: i, ...a }) {
-	let s = o.toArray(i);
+//#region src/website/service-card-grid/service-card-grid.tsx
+function Xe({ render: t, ref: n, className: r, children: i, ...a }) {
+	let o = h.toArray(i);
 	return e({
 		render: t,
 		ref: n,
 		defaultTagName: "div",
 		props: {
 			...a,
-			className: A(X.ServiceCardGrid, r)({}),
-			children: /* @__PURE__ */ O("ul", {
-				className: X.List,
-				"data-count": s.length,
-				children: s.map((e, t) => /* @__PURE__ */ O("li", {
-					className: X.Item,
+			className: N(Ye.ServiceCardGrid, r)({}),
+			children: /* @__PURE__ */ p("ul", {
+				className: Ye.List,
+				"data-count": o.length,
+				children: o.map((e, t) => /* @__PURE__ */ p("li", {
+					className: Ye.Item,
 					children: e
 				}, t))
 			})
 		}
 	});
 }
+var Ze = {
+	ArrowRevealLink: "_ArrowRevealLink_140ct_2",
+	Arrow: "_Arrow_140ct_2",
+	Text: "_Text_140ct_40"
+};
+//#endregion
+//#region src/website/arrow-reveal-link.tsx
+function G({ render: n, className: r, children: i, size: a = "md", ...o }) {
+	return e({
+		render: n,
+		defaultTagName: "a",
+		props: {
+			...o,
+			"data-size": a === "md" ? void 0 : a,
+			className: N(Ze.ArrowRevealLink, r)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+				"aria-hidden": !0,
+				className: Ze.Arrow,
+				children: /* @__PURE__ */ p(t, {})
+			}), /* @__PURE__ */ p("span", {
+				className: Ze.Text,
+				children: i
+			})] })
+		}
+	});
+}
+var K = {
+	SideNav: "_SideNav_1ha5v_6",
+	Sidebar: "_Sidebar_1ha5v_29",
+	List: "_List_1ha5v_44",
+	Content: "_Content_1ha5v_61"
+}, Qe = O({ navigation: {
+	no: "Sidemeny",
+	se: "Sidomeny",
+	fi: "Sivuvalikko",
+	es: "Menú lateral"
+} });
+//#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", {
+		...a,
+		className: [K.SideNav, i].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ p("nav", {
+			className: K.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, {
+					size: "lg",
+					href: e.href,
+					render: e.render,
+					"aria-current": e.current ? "page" : void 0,
+					children: e.label
+				}) }, t))
+			})
+		}), /* @__PURE__ */ m(oe, {
+			size: "sm",
+			className: K.Content,
+			children: [n, r]
+		})]
+	});
+}
+//#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 }) {
+	return /* @__PURE__ */ p("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		"aria-hidden": !0,
+		focusable: "false",
+		...t,
+		children: e
+	});
+}
+function nt(e) {
+	return /* @__PURE__ */ m(q, {
+		...e,
+		children: [
+			/* @__PURE__ */ p("path", {
+				d: et,
+				fill: "#F0F0F0"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M0.34375 12.6094C0.922344 14.7562 2.19754 16.6169 3.9123 17.9345V12.6094H0.34375Z",
+				fill: "#D80027"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M9.12891 19.9626C9.41555 19.9873 9.70543 20.0007 9.99848 20.0007C14.6188 20.0007 18.5065 16.867 19.654 12.6094H9.12891V19.9626Z",
+				fill: "#D80027"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M19.654 7.39129C18.5065 3.13363 14.6188 0 9.99848 0C9.70543 0 9.41555 0.0133594 9.12891 0.0380469V7.39129H19.654Z",
+				fill: "#D80027"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M3.9123 2.06641C2.19754 3.38398 0.922344 5.24465 0.34375 7.39148H3.9123V2.06641Z",
+				fill: "#D80027"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: tt,
+				fill: "#0052B4"
+			})
+		]
+	});
+}
+function rt(e) {
+	return /* @__PURE__ */ m(q, {
+		...e,
+		children: [
+			/* @__PURE__ */ p("path", {
+				d: et,
+				fill: "#FFDA44"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M7.82816 8.69566H19.9174C19.2782 3.78914 15.0828 0 10.002 0C9.25539 0 8.52809 0.0825391 7.82812 0.237695V8.69566H7.82816Z",
+				fill: "#0052B4"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M5.21867 8.69848V1.21875C2.47281 2.71695 0.507148 5.46504 0.0859375 8.69852H5.21867V8.69848Z",
+				fill: "#0052B4"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M5.21863 11.3047H0.0859375C0.507148 14.5382 2.47281 17.2863 5.21867 18.7844L5.21863 11.3047Z",
+				fill: "#0052B4"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M7.82812 11.3047V19.7627C8.52809 19.9178 9.25539 20.0004 10.002 20.0004C15.0828 20.0004 19.2782 16.2112 19.9174 11.3047H7.82812V11.3047Z",
+				fill: "#0052B4"
+			})
+		]
+	});
+}
+function it(e) {
+	return /* @__PURE__ */ m(q, {
+		...e,
+		children: [/* @__PURE__ */ p("path", {
+			d: et,
+			fill: "#F0F0F0"
+		}), /* @__PURE__ */ p("path", {
+			d: tt,
+			fill: "#0052B4"
+		})]
+	});
+}
+function at(e) {
+	return /* @__PURE__ */ m(q, {
+		...e,
+		children: [
+			/* @__PURE__ */ p("path", {
+				d: "M0 10.0002C0 11.2234 0.220039 12.3951 0.621992 13.4784L10 14.348L19.378 13.4784C19.78 12.3951 20 11.2234 20 10.0002C20 8.77695 19.78 7.60523 19.378 6.52191L10 5.65234L0.621992 6.52191C0.220039 7.60523 0 8.77695 0 10.0002H0Z",
+				fill: "#FFDA44"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M19.3771 6.52176C17.9642 2.71379 14.2987 0 9.9991 0C5.69945 0 2.03402 2.71379 0.621094 6.52176H19.3771Z",
+				fill: "#D80027"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M0.621094 13.4766C2.03402 17.2845 5.69945 19.9983 9.9991 19.9983C14.2987 19.9983 17.9642 17.2845 19.3771 13.4766H0.621094Z",
+				fill: "#D80027"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/website/site-header-link.tsx
+function J({ href: t, render: n, ...r }) {
+	return e({
+		render: n,
+		defaultTagName: "a",
+		props: t == null ? r : {
+			...r,
+			href: t
+		}
+	});
+}
+var ot = (e) => e.groups != null && e.groups.length > 0, st = (e) => e.href != null || e.render != null, Y = {
+	SiteFooter: "_SiteFooter_o2ixe_7",
+	Content: "_Content_o2ixe_23",
+	Main: "_Main_o2ixe_32",
+	Home: "_Home_o2ixe_46",
+	Columns: "_Columns_o2ixe_64",
+	Column: "_Column_o2ixe_64",
+	Title: "_Title_o2ixe_94",
+	Links: "_Links_o2ixe_108",
+	Social: "_Social_o2ixe_109",
+	Link: "_Link_o2ixe_108",
+	SocialIcon: "_SocialIcon_o2ixe_147",
+	Market: "_Market_o2ixe_161",
+	Divider: "_Divider_o2ixe_165",
+	CookieSettings: "_CookieSettings_o2ixe_176",
+	Copyright: "_Copyright_o2ixe_192"
+}, ct = O({
+	market: {
+		no: "Marked",
+		se: "Marknad",
+		fi: "Markkina",
+		es: "Mercado"
+	},
+	social: {
+		no: "Sosiale medier",
+		se: "Sociala medier",
+		fi: "Sosiaalinen media",
+		es: "Redes sociales"
+	},
+	cookieSettings: {
+		no: "Cookie-innstillinger",
+		se: "Cookieinställningar",
+		fi: "Evästeasetukset",
+		es: "Configuración de cookies"
+	},
+	collation: {
+		no: "nb",
+		se: "sv",
+		fi: "fi",
+		es: "es"
+	}
+}), lt = O({
+	navigation: {
+		no: "Hovedmeny",
+		se: "Huvudmeny",
+		fi: "Päävalikko",
+		es: "Menú principal"
+	},
+	menu: {
+		no: "Meny",
+		se: "Meny",
+		fi: "Valikko",
+		es: "Menú"
+	},
+	closeMenu: {
+		no: "Lukk meny",
+		se: "Stäng menyn",
+		fi: "Sulje valikko",
+		es: "Cerrar menú"
+	},
+	home: {
+		no: "Lea Bank, forside",
+		se: "Lea Bank, startsida",
+		fi: "Lea Bank, etusivu",
+		es: "Lea Bank, página de inicio"
+	}
+}), ut = {
+	no: {
+		name: "Norge",
+		flag: /* @__PURE__ */ p(nt, {})
+	},
+	se: {
+		name: "Sverige",
+		flag: /* @__PURE__ */ p(rt, {})
+	},
+	fi: {
+		name: "Suomi",
+		flag: /* @__PURE__ */ p(it, {})
+	},
+	es: {
+		name: "España",
+		flag: /* @__PURE__ */ p(at, {})
+	}
+}, dt = [
+	"no",
+	"se",
+	"fi",
+	"es"
+];
+function ft({ render: t, id: n, children: r }) {
+	return e({
+		render: t,
+		defaultTagName: "h2",
+		props: {
+			id: n,
+			className: Y.Title,
+			children: r
+		}
+	});
+}
+function pt({ market: e, render: t }) {
+	let n = ct(), r = C(), i = e.options ?? dt, a = ee(() => {
+		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,
+			label: ut[e].name,
+			icon: ut[e].flag
+		}));
+	}, [i, n.collation]);
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ft, {
+		render: t,
+		id: r,
+		children: e.title ?? n.market
+	}), /* @__PURE__ */ p(ce, {
+		size: "sm",
+		"aria-labelledby": r,
+		options: a,
+		value: e.value,
+		onValueChange: e.onValueChange,
+		className: Y.Market
+	})] });
+}
+function mt({ logo: e, homeRender: t, columns: n = [], market: r, social: i, onOpenCookieSettings: a, copyright: o, titleRender: s, className: c, ...l }) {
+	let u = ct(), d = lt(), h = a != null || o != null;
+	return /* @__PURE__ */ p("footer", {
+		...l,
+		className: [Y.SiteFooter, c].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ m("div", {
+			className: Y.Content,
+			children: [/* @__PURE__ */ m("div", {
+				className: Y.Main,
+				children: [/* @__PURE__ */ p(J, {
+					href: t == null ? "/" : void 0,
+					render: t,
+					className: Y.Home,
+					"aria-label": d.home,
+					children: e
+				}), /* @__PURE__ */ m("div", {
+					className: Y.Columns,
+					children: [n.map((e, t) => /* @__PURE__ */ m("div", {
+						className: Y.Column,
+						children: [/* @__PURE__ */ p(ft, {
+							render: s,
+							children: e.title
+						}), e.links.length > 0 && /* @__PURE__ */ p("ul", {
+							className: Y.Links,
+							children: e.links.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(J, {
+								href: e.href,
+								render: e.render,
+								className: Y.Link,
+								children: e.label
+							}) }, t))
+						})]
+					}, t)), (r != null || i != null) && /* @__PURE__ */ m("div", {
+						className: Y.Column,
+						children: [r != null && /* @__PURE__ */ p(pt, {
+							market: r,
+							render: s
+						}), i != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ft, {
+							render: s,
+							children: i.title ?? u.social
+						}), /* @__PURE__ */ p("ul", {
+							className: Y.Social,
+							children: i.links.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m(J, {
+								href: e.href,
+								render: e.render,
+								className: Y.Link,
+								children: [/* @__PURE__ */ p("span", {
+									"aria-hidden": !0,
+									className: Y.SocialIcon,
+									children: e.icon
+								}), e.label]
+							}) }, t))
+						})] })]
+					})]
+				})]
+			}), h && /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p("span", {
+					"aria-hidden": !0,
+					className: Y.Divider
+				}),
+				a != null && /* @__PURE__ */ p("button", {
+					type: "button",
+					className: Y.CookieSettings,
+					onClick: a,
+					children: u.cookieSettings
+				}),
+				o != null && /* @__PURE__ */ p(j, {
+					className: Y.Copyright,
+					children: o
+				})
+			] })]
+		})
+	});
+}
+var X = {
+	SiteHeader: "_SiteHeader_dcn2t_9",
+	Bar: "_Bar_dcn2t_19",
+	BarContent: "_BarContent_dcn2t_24",
+	Home: "_Home_dcn2t_40",
+	Actions: "_Actions_dcn2t_57",
+	Account: "_Account_dcn2t_64",
+	MenuButton: "_MenuButton_dcn2t_80",
+	Action: "_Action_dcn2t_57",
+	Nav: "_Nav_dcn2t_121",
+	Pill: "_Pill_dcn2t_128",
+	Cta: "_Cta_dcn2t_129",
+	List: "_List_dcn2t_136",
+	Item: "_Item_dcn2t_148",
+	Chevron: "_Chevron_dcn2t_189",
+	Positioner: "_Positioner_dcn2t_263",
+	Popup: "_Popup_dcn2t_291",
+	Viewport: "_Viewport_dcn2t_311",
+	Content: "_Content_dcn2t_319",
+	Group: "_Group_dcn2t_339",
+	GroupTitle: "_GroupTitle_dcn2t_348",
+	Links: "_Links_dcn2t_355",
+	Separator: "_Separator_dcn2t_370",
+	CtaArrow: "_CtaArrow_dcn2t_402",
+	Backdrop: "_Backdrop_dcn2t_410",
+	DrawerViewport: "_DrawerViewport_dcn2t_424",
+	MenuPopup: "_MenuPopup_dcn2t_439",
+	MenuTop: "_MenuTop_dcn2t_479",
+	MenuContent: "_MenuContent_dcn2t_486",
+	MenuList: "_MenuList_dcn2t_499",
+	Row: "_Row_dcn2t_506",
+	RowChevron: "_RowChevron_dcn2t_545",
+	SubmenuPanel: "_SubmenuPanel_dcn2t_556",
+	Submenu: "_Submenu_dcn2t_556",
+	Parent: "_Parent_dcn2t_577"
+}, 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, {
+		open: t,
+		onOpenChange: i,
+		children: [/* @__PURE__ */ m(ue.Trigger, {
+			className: X.Row,
+			children: [e.label, /* @__PURE__ */ p(r, {
+				"aria-hidden": !0,
+				className: X.RowChevron
+			})]
+		}), /* @__PURE__ */ p(ue.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, {
+							className: X.Parent,
+							href: e.href,
+							render: e.render,
+							children: e.label
+						}) }), a.map((e, t) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
+							href: e.href,
+							render: e.render,
+							children: e.label
+						}) }, t))]
+					}),
+					o.length > 0 && a.length > 0 && /* @__PURE__ */ p("span", {
+						"aria-hidden": !0,
+						className: X.Separator
+					}),
+					o.map((e, t) => /* @__PURE__ */ m(J, {
+						className: X.Cta,
+						href: e.href,
+						render: e.render,
+						children: [/* @__PURE__ */ p("span", { children: e.label }), /* @__PURE__ */ p(n, {
+							"aria-hidden": !0,
+							className: X.CtaArrow
+						})]
+					}, t))
+				]
+			})
+		})]
+	});
+}
+function _t({ items: e }) {
+	let t = lt(), [n, r] = T(null);
+	return /* @__PURE__ */ p("nav", {
+		"aria-label": t.navigation,
+		children: /* @__PURE__ */ p("ul", {
+			className: X.MenuList,
+			children: e.map((e, t) => /* @__PURE__ */ p("li", { children: ot(e) ? /* @__PURE__ */ p(gt, {
+				item: e,
+				open: n === t,
+				onOpenChange: (e) => r(e ? t : null)
+			}) : /* @__PURE__ */ p(J, {
+				className: X.Row,
+				href: e.href,
+				render: e.render,
+				children: e.label
+			}) }, t))
+		})
+	});
+}
+function vt({ items: e, home: t, account: n }) {
+	let r = lt(), [i, a] = T(!1);
+	return S(() => {
+		if (!i) return;
+		let e = window.matchMedia(ht), t = () => {
+			e.matches && a(!1);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [i]), /* @__PURE__ */ m(A.Root, {
+		open: i,
+		onOpenChange: a,
+		swipeDirection: "up",
+		children: [/* @__PURE__ */ p(A.Trigger, {
+			className: X.MenuButton,
+			"aria-label": r.menu,
+			children: /* @__PURE__ */ p(s, { "aria-hidden": !0 })
+		}), /* @__PURE__ */ m(A.Portal, { children: [/* @__PURE__ */ p(A.Backdrop, { className: X.Backdrop }), /* @__PURE__ */ p(A.Viewport, {
+			className: X.DrawerViewport,
+			children: /* @__PURE__ */ m(A.Popup, {
+				className: X.MenuPopup,
+				"aria-label": r.menu,
+				onClick: (e) => {
+					e.target instanceof Element && e.target.closest("a") && a(!1);
+				},
+				children: [/* @__PURE__ */ m("div", {
+					className: X.MenuTop,
+					children: [/* @__PURE__ */ p("div", {
+						className: X.Bar,
+						children: /* @__PURE__ */ m("div", {
+							className: X.BarContent,
+							children: [
+								/* @__PURE__ */ p(A.Close, {
+									className: X.MenuButton,
+									"aria-label": r.closeMenu,
+									children: /* @__PURE__ */ p(d, { "aria-hidden": !0 })
+								}),
+								t,
+								n && /* @__PURE__ */ p("div", {
+									className: X.Actions,
+									children: n
+								})
+							]
+						})
+					}), /* @__PURE__ */ p(re, { size: "sm" })]
+				}), /* @__PURE__ */ p(A.Content, {
+					className: X.MenuContent,
+					children: /* @__PURE__ */ p(_t, { items: e })
+				})]
+			})
+		})] })]
+	});
+}
+//#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;
+	return /* @__PURE__ */ m("div", {
+		className: X.Group,
+		children: [
+			r && /* @__PURE__ */ p("p", {
+				id: t,
+				className: X.GroupTitle,
+				children: e.title
+			}),
+			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, {
+					render: /* @__PURE__ */ p(k.Link, {
+						closeOnClick: !0,
+						href: e.href,
+						render: e.render
+					}),
+					children: e.label
+				}) }, t))
+			}),
+			e.cta != null && i && /* @__PURE__ */ p("span", {
+				"aria-hidden": !0,
+				className: X.Separator
+			}),
+			e.cta != null && /* @__PURE__ */ m(k.Link, {
+				closeOnClick: !0,
+				className: X.Cta,
+				href: e.cta.href,
+				render: e.cta.render,
+				children: [/* @__PURE__ */ p("span", { children: e.cta.label }), /* @__PURE__ */ p(n, {
+					"aria-hidden": !0,
+					className: X.CtaArrow
+				})]
+			})
+		]
+	});
+}
+function bt({ item: e, value: t, end: n, onFocus: i }) {
+	return /* @__PURE__ */ p(k.Item, {
+		value: t,
+		className: X.Item,
+		"data-end": n || void 0,
+		onFocus: () => i(t),
+		children: ot(e) ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m(k.Trigger, {
+			className: X.Pill,
+			children: [e.label, /* @__PURE__ */ p(k.Icon, {
+				className: X.Chevron,
+				children: /* @__PURE__ */ p(r, {})
+			})]
+		}), /* @__PURE__ */ p(k.Content, {
+			keepMounted: !0,
+			className: X.Content,
+			children: e.groups.map((e, t) => /* @__PURE__ */ p(yt, { group: e }, t))
+		})] }) : /* @__PURE__ */ p(k.Link, {
+			closeOnClick: !0,
+			className: X.Pill,
+			href: e.href,
+			render: e.render,
+			children: e.label
+		})
+	});
+}
+function xt({ logo: e, homeRender: t, items: n, endItems: r = [], account: i, action: a, className: s, ...c }) {
+	let l = lt(), [u, d] = T(null), f = (e) => {
+		u != null && u !== e && d(null);
+	}, h = /* @__PURE__ */ p(J, {
+		href: t == null ? "/" : void 0,
+		render: t,
+		className: X.Home,
+		"aria-label": l.home,
+		children: e
+	}), g = i != null && /* @__PURE__ */ p(J, {
+		href: i.href,
+		render: i.render,
+		className: X.Account,
+		"aria-label": i.label,
+		children: i.icon ?? /* @__PURE__ */ p(o, { "aria-hidden": !0 })
+	});
+	return /* @__PURE__ */ m("header", {
+		...c,
+		className: [X.SiteHeader, s].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ p("div", {
+			className: X.Bar,
+			children: /* @__PURE__ */ m("div", {
+				className: X.BarContent,
+				children: [
+					/* @__PURE__ */ p(vt, {
+						items: [...n, ...r],
+						home: h,
+						account: g
+					}),
+					h,
+					/* @__PURE__ */ m(k.Root, {
+						className: X.Nav,
+						"aria-label": l.navigation,
+						closeDelay: 150,
+						value: u,
+						onValueChange: d,
+						children: [/* @__PURE__ */ p(k.List, {
+							className: X.List,
+							children: [...n, ...r].map((e, t) => /* @__PURE__ */ p(bt, {
+								item: e,
+								value: `item-${t}`,
+								end: r.length > 0 && t === n.length,
+								onFocus: f
+							}, t))
+						}), /* @__PURE__ */ p(k.Portal, { children: /* @__PURE__ */ p(k.Positioner, {
+							className: X.Positioner,
+							side: "bottom",
+							align: "start",
+							sideOffset: 8,
+							collisionPadding: 16,
+							children: /* @__PURE__ */ p(k.Popup, {
+								className: X.Popup,
+								render: /* @__PURE__ */ p("div", {}),
+								children: /* @__PURE__ */ p(k.Viewport, { className: X.Viewport })
+							})
+						}) })]
+					}),
+					(g || a != null) && /* @__PURE__ */ m("div", {
+						className: X.Actions,
+						children: [g, a != null && /* @__PURE__ */ p("div", {
+							className: X.Action,
+							children: a
+						})]
+					})
+				]
+			})
+		}), /* @__PURE__ */ p(re, { size: "sm" })]
+	});
+}
 var Z = {
 	SplitContent: "_SplitContent_16c8f_11",
 	Grid: "_Grid_16c8f_19",
@@ -947,16 +1699,16 @@ var Z = {
 	Price: "_Price_16c8f_82"
 };
 //#endregion
-//#region src/website/split-content.tsx
-function Oe({ title: t, titleRender: n, text: r, src: i, alt: a, imageRender: o, imagePosition: s = "end", action: c, priceExample: l, render: u, ref: d, className: f, ...p }) {
-	let m = e({
+//#region src/website/split-content/split-content.tsx
+function St({ title: t, titleRender: n, text: r, src: i, alt: a, imageRender: o, imagePosition: s = "end", action: c, priceExample: l, render: u, ref: d, className: h, ...g }) {
+	let _ = e({
 		render: n,
 		defaultTagName: "h2",
 		props: {
 			className: Z.Title,
 			children: t
 		}
-	}), h = e({
+	}), v = e({
 		enabled: i != null,
 		render: o,
 		defaultTagName: "img",
@@ -971,25 +1723,25 @@ function Oe({ title: t, titleRender: n, text: r, src: i, alt: a, imageRender: o,
 		ref: d,
 		defaultTagName: "div",
 		props: {
-			...p,
+			...g,
 			"data-image-position": s,
-			"data-has-image": h != null || void 0,
-			className: A(Z.SplitContent, f)({}),
-			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+			"data-has-image": v != null || void 0,
+			className: N(Z.SplitContent, h)({}),
+			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 				className: Z.Grid,
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: Z.Text,
-					children: [m, r != null && /* @__PURE__ */ O(I, {
+					children: [_, r != null && /* @__PURE__ */ p(j, {
 						className: Z.Description,
 						children: r
 					})]
-				}), h != null && /* @__PURE__ */ O("div", {
+				}), v != null && /* @__PURE__ */ p("div", {
 					className: Z.Media,
-					children: h
+					children: v
 				})]
-			}), (c != null || l != null) && /* @__PURE__ */ k("div", {
+			}), (c != null || l != null) && /* @__PURE__ */ m("div", {
 				className: Z.Actions,
-				children: [c, l != null && /* @__PURE__ */ O("p", {
+				children: [c, l != null && /* @__PURE__ */ p("p", {
 					className: Z.Price,
 					children: l
 				})]
@@ -1010,33 +1762,33 @@ var Q = {
 	Price: "_Price_1o0ef_103"
 };
 //#endregion
-//#region src/website/stats.tsx
-function ke({ header: t, items: n, titleRender: r, action: i, priceExample: a, render: o, ref: c, className: l, ...u }) {
+//#region src/website/stats/stats.tsx
+function Ct({ header: t, items: n, titleRender: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
 	return e({
 		render: o,
-		ref: c,
+		ref: s,
 		defaultTagName: "div",
 		props: {
-			...u,
-			className: A(Q.Stats, l)({}),
-			children: /* @__PURE__ */ k(D, { children: [
+			...l,
+			className: N(Q.Stats, c)({}),
+			children: /* @__PURE__ */ m(f, { children: [
 				t,
-				/* @__PURE__ */ k("ul", {
+				/* @__PURE__ */ m("ul", {
 					className: Q.List,
-					children: [n.map((e, t) => /* @__PURE__ */ k(s, { children: [/* @__PURE__ */ O("li", {
+					children: [n.map((e, t) => /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p("li", {
 						"aria-hidden": !0,
 						className: Q.Bar
-					}), /* @__PURE__ */ O(Ae, {
+					}), /* @__PURE__ */ p(wt, {
 						...e,
 						titleRender: r
-					})] }, t)), /* @__PURE__ */ O("li", {
+					})] }, t)), /* @__PURE__ */ p("li", {
 						"aria-hidden": !0,
 						className: Q.Bar
 					})]
 				}),
-				(i != null || a != null) && /* @__PURE__ */ k("div", {
+				(i != null || a != null) && /* @__PURE__ */ m("div", {
 					className: Q.Actions,
-					children: [i, a != null && /* @__PURE__ */ O("p", {
+					children: [i, a != null && /* @__PURE__ */ p("p", {
 						className: Q.Price,
 						children: a
 					})]
@@ -1045,7 +1797,7 @@ function ke({ header: t, items: n, titleRender: r, action: i, priceExample: a, r
 		}
 	});
 }
-function Ae({ number: t, title: n, text: r, titleRender: i }) {
+function wt({ number: t, title: n, text: r, titleRender: i }) {
 	let a = e({
 		enabled: n != null,
 		render: i,
@@ -1055,14 +1807,14 @@ function Ae({ number: t, title: n, text: r, titleRender: i }) {
 			children: n
 		}
 	});
-	return /* @__PURE__ */ k("li", {
+	return /* @__PURE__ */ m("li", {
 		className: Q.Stat,
-		children: [/* @__PURE__ */ O("p", {
+		children: [/* @__PURE__ */ p("p", {
 			className: Q.Number,
 			children: t
-		}), (a != null || r != null) && /* @__PURE__ */ k("div", {
+		}), (a != null || r != null) && /* @__PURE__ */ m("div", {
 			className: Q.Labels,
-			children: [a, r != null && /* @__PURE__ */ O("p", {
+			children: [a, r != null && /* @__PURE__ */ p("p", {
 				className: Q.Text,
 				children: r
 			})]
@@ -1084,7 +1836,7 @@ var $ = {
 	DialogPopup: "_DialogPopup_13hpt_143",
 	DialogVideo: "_DialogVideo_13hpt_149",
 	Close: "_Close_13hpt_157"
-}, je = E({
+}, Tt = O({
 	reviews: {
 		no: "Kundeomtaler",
 		se: "Kundomdömen",
@@ -1123,86 +1875,86 @@ var $ = {
 	}
 });
 //#endregion
-//#region src/website/testimonials.tsx
-function Me({ title: t, titleRender: n, subtitle: r, quote: s, name: l, meta: u, rating: d, videoSrc: f, videoPoster: p, videoCaptions: h, videoPosition: g = "start", render: _, ref: v, className: y, children: x, ...C }) {
-	let w = je(), T = m(), E = s != null || l != null, j = o.toArray(x).length > 0;
+//#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;
 	return e({
-		render: _,
-		ref: v,
+		render: y,
+		ref: b,
 		defaultTagName: "div",
 		props: {
-			...C,
-			className: A($.Testimonials, y)({}),
-			children: /* @__PURE__ */ k(D, { children: [
-				t != null && /* @__PURE__ */ O(Y, {
+			...ee,
+			className: N($.Testimonials, x)({}),
+			children: /* @__PURE__ */ m(f, { children: [
+				t != null && /* @__PURE__ */ p(Je, {
 					title: t,
-					titleRender: c(n ?? /* @__PURE__ */ O("h2", {}), { id: T }),
+					titleRender: _(n ?? /* @__PURE__ */ p("h2", {}), { id: T }),
 					subtitle: r
 				}),
-				(E || f != null) && /* @__PURE__ */ k("div", {
+				(te || c != null) && /* @__PURE__ */ m("div", {
 					className: $.Featured,
-					"data-video": f != null || void 0,
-					"data-video-position": g,
-					children: [E && /* @__PURE__ */ k("figure", {
+					"data-video": c != null || void 0,
+					"data-video-position": v,
+					children: [te && /* @__PURE__ */ m("figure", {
 						className: $.Quote,
 						children: [
-							d != null && /* @__PURE__ */ O(ee, { rating: d }),
-							s != null && /* @__PURE__ */ O("blockquote", {
+							s != null && /* @__PURE__ */ p(le, { rating: s }),
+							i != null && /* @__PURE__ */ p("blockquote", {
 								className: $.Blockquote,
-								children: typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ O("p", { children: s }) : s
+								children: typeof i == "string" || typeof i == "number" ? /* @__PURE__ */ p("p", { children: i }) : i
 							}),
-							(l != null || u != null) && /* @__PURE__ */ k("figcaption", {
+							(a != null || o != null) && /* @__PURE__ */ m("figcaption", {
 								className: $.Person,
-								children: [l != null && /* @__PURE__ */ O("span", {
+								children: [a != null && /* @__PURE__ */ p("span", {
 									className: $.Name,
-									children: l
-								}), u != null && /* @__PURE__ */ O("span", {
+									children: a
+								}), o != null && /* @__PURE__ */ p("span", {
 									className: $.Meta,
-									children: u
+									children: o
 								})]
 							})
 						]
-					}), f != null && /* @__PURE__ */ k("div", {
+					}), c != null && /* @__PURE__ */ m("div", {
 						className: $.Video,
-						children: [p == null ? /* @__PURE__ */ O("video", {
+						children: [u == null ? /* @__PURE__ */ p("video", {
 							className: $.Still,
-							src: `${f}#t=0.1`,
+							src: `${c}#t=0.1`,
 							preload: "metadata",
 							muted: !0,
 							playsInline: !0,
 							"aria-hidden": !0,
 							tabIndex: -1
-						}) : /* @__PURE__ */ O("img", {
+						}) : /* @__PURE__ */ p("img", {
 							className: $.Still,
-							src: p,
+							src: u,
 							alt: ""
-						}), /* @__PURE__ */ k(b.Root, { children: [/* @__PURE__ */ O(b.Trigger, { render: /* @__PURE__ */ O(S, {
+						}), /* @__PURE__ */ m(E.Root, { children: [/* @__PURE__ */ p(E.Trigger, { render: /* @__PURE__ */ p(D, {
 							variant: "elevated",
 							color: "secondary",
 							"aria-label": w.play,
 							className: $.Play,
-							children: /* @__PURE__ */ O(i, { "aria-hidden": !0 })
-						}) }), /* @__PURE__ */ k(b.Portal, { children: [/* @__PURE__ */ O(b.Backdrop, {}), /* @__PURE__ */ O(b.Viewport, {
+							children: /* @__PURE__ */ p(l, { "aria-hidden": !0 })
+						}) }), /* @__PURE__ */ m(E.Portal, { children: [/* @__PURE__ */ p(E.Backdrop, {}), /* @__PURE__ */ p(E.Viewport, {
 							className: $.DialogViewport,
-							children: /* @__PURE__ */ k(b.Popup, {
+							children: /* @__PURE__ */ m(E.Popup, {
 								size: "lg",
 								"aria-label": w.video,
 								className: $.DialogPopup,
-								children: [/* @__PURE__ */ O(b.Close, { render: /* @__PURE__ */ O(S, {
+								children: [/* @__PURE__ */ p(E.Close, { render: /* @__PURE__ */ p(D, {
 									variant: "elevated",
 									color: "secondary",
 									"aria-label": w.close,
 									className: $.Close,
-									children: /* @__PURE__ */ O(a, { "aria-hidden": !0 })
-								}) }), /* @__PURE__ */ O("video", {
+									children: /* @__PURE__ */ p(d, { "aria-hidden": !0 })
+								}) }), /* @__PURE__ */ p("video", {
 									className: $.DialogVideo,
-									src: f,
+									src: c,
 									controls: !0,
 									autoPlay: !0,
 									playsInline: !0,
-									children: h != null && /* @__PURE__ */ O("track", {
+									children: g != null && /* @__PURE__ */ p("track", {
 										kind: "captions",
-										src: h,
+										src: g,
 										srcLang: w.captionsLanguage,
 										label: w.captionsLabel,
 										default: !0
@@ -1212,15 +1964,15 @@ function Me({ title: t, titleRender: n, subtitle: r, quote: s, name: l, meta: u,
 						})] })] })]
 					})]
 				}),
-				j && /* @__PURE__ */ O(P, {
+				ne && /* @__PURE__ */ p(Ee, {
 					...t == null ? { "aria-label": w.reviews } : { "aria-labelledby": T },
-					children: x
+					children: S
 				})
 			] })
 		}
 	});
 }
 //#endregion
-export { ie as BrandLetters, ae as Calculator, P as Carousel, ue as CtaBanner, he as ExpandingCards, ge as ExpandingCardsItem, _e as Hero, ve as HeroServiceGrid, ye as NavigationGrid, xe as PartnerList, Se as PaymentFeature, we as PromoGrid, Ee as Section, Y as SectionHeader, De as ServiceCardGrid, Oe as SplitContent, ke as Stats, Me as Testimonials };
+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 };
 
 //# sourceMappingURL=website.mjs.map