@entur-partner/common 11.3.0 → 11.3.2

package/dist/index.mjs

@@ -12,25 +12,25 @@ import { SegmentedChoice as P, SegmentedControl as F } from "@entur/form";
 import { SearchableDropdown as I } from "@entur/dropdown";
 import { ChannelsIcon as L, CookieIcon as ee, DownArrowIcon as te, LogOutIcon as ne, NorwayIcon as re, UKIcon as ie, UserIcon as R } from "@entur/icons";
 //#region \0rolldown/runtime.js
-var ae = Object.create, z = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, se = Object.getOwnPropertyNames, ce = Object.getPrototypeOf, le = Object.prototype.hasOwnProperty, ue = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), de = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = se(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !le.call(e, s) && s !== n && z(e, s, {
+var ae = Object.create, oe = Object.defineProperty, se = Object.getOwnPropertyDescriptor, ce = Object.getOwnPropertyNames, le = Object.getPrototypeOf, ue = Object.prototype.hasOwnProperty, de = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), fe = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = ce(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ue.call(e, s) && s !== n && oe(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = oe(t, s)) || r.enumerable
+		enumerable: !(r = se(t, s)) || r.enumerable
 	});
 	return e;
-}, fe = (e, t, n) => (n = e == null ? {} : ae(ce(e)), de(t || !e || !e.__esModule ? z(n, "default", {
+}, pe = (e, t, n) => (n = e == null ? {} : ae(le(e)), fe(t || !e || !e.__esModule ? oe(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), pe = ({ children: e }) => /* @__PURE__ */ t("div", {
+}) : n, e)), me = ({ children: e }) => /* @__PURE__ */ t("div", {
 	className: "eps-action-bar-left",
 	children: e
-}), me = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), he = ({ children: e }) => /* @__PURE__ */ t("div", {
 	className: "eps-action-bar-right",
 	children: e
-}), he = ({ children: r }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", { className: "eps-action-bar-padding" }), /* @__PURE__ */ t("div", {
+}), ge = ({ children: r }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", { className: "eps-action-bar-padding" }), /* @__PURE__ */ t("div", {
 	className: "eps-action-bar",
 	children: r
-})] }), B = /* @__PURE__ */ fe((/* @__PURE__ */ ue(((e, t) => {
+})] }), z = /* @__PURE__ */ pe((/* @__PURE__ */ de(((e, t) => {
 	(function() {
 		var e = {}.hasOwnProperty;
 		function n() {
@@ -56,49 +56,49 @@ var ae = Object.create, z = Object.defineProperty, oe = Object.getOwnPropertyDes
 			return n;
 		}) : window.classNames = n;
 	})();
-})))(), 1), V = ({ date: e, locale: n, as: r = "main", hideTime: i, ...a }) => /* @__PURE__ */ t(r, {
+})))(), 1), B = ({ date: e, locale: n, as: r = "main", hideTime: i, ...a }) => /* @__PURE__ */ t(r, {
 	...a,
 	children: i ? u(e, n) : d(e, n)
 });
 //#endregion
 //#region src/Box.tsx
-function H(e, t) {
+function V(e, t) {
 	if (Array.isArray(t)) {
 		let n = [];
 		return t[0] && n.push(e + t[0]), t[1] && n.push(`${e}${t[1]}-lg`), t[2] && n.push(`${e}${t[2]}-xl`), n;
 	}
 	return [e + t];
 }
-var U = ({ as: e = "div", children: n, contrast: r, paddingTop: i, paddingRight: a, paddingBottom: o, paddingLeft: s, paddingX: c, paddingY: l, padding: u, marginTop: d, marginRight: f, marginBottom: p, marginLeft: m, marginX: h, marginY: g, margin: _, display: v, justifyContent: y, alignItems: b, maxWidth: x, width: S, background: C, color: w, flexDirection: T, flexWrap: E, className: D, ...O }) => {
+var H = ({ as: e = "div", children: n, contrast: r, paddingTop: i, paddingRight: a, paddingBottom: o, paddingLeft: s, paddingX: c, paddingY: l, padding: u, marginTop: d, marginRight: f, marginBottom: p, marginLeft: m, marginX: h, marginY: g, margin: _, display: v, justifyContent: y, alignItems: b, maxWidth: x, width: S, background: C, color: w, flexDirection: T, flexWrap: E, className: D, ...O }) => {
 	let k = [], A = i || l || u, j = o || l || u, M = s || c || u, N = a || c || u, P = d || g || _, F = p || g || _, I = m || h || _, L = f || h || _;
-	return r && k.push("eds-contrast"), A && k.push(...H("eps-pt-", A)), j && k.push(...H("eps-pb-", j)), M && k.push(...H("eps-pl-", M)), N && k.push(...H("eps-pr-", N)), P && k.push(...H("eps-mt-", P)), F && k.push(...H("eps-mb-", F)), I && k.push(...H("eps-ml-", I)), L && k.push(...H("eps-mr-", L)), v && k.push(...H("eps-", v)), y && k.push(...H("eps-justify-", y)), b && k.push(...H("eps-items-", b)), x && k.push(...H("eps-max-w-", x)), S && k.push(...H("eps-w-", S)), w && k.push(`eps-color-${w}`), C && k.push(`eps-bg-${C}`), T && k.push(...H("eps-flex-", T)), E && k.push(...H("eps-flex-wrap-", E)), /* @__PURE__ */ t(e, {
-		className: (0, B.default)(k, D),
+	return r && k.push("eds-contrast"), A && k.push(...V("eps-pt-", A)), j && k.push(...V("eps-pb-", j)), M && k.push(...V("eps-pl-", M)), N && k.push(...V("eps-pr-", N)), P && k.push(...V("eps-mt-", P)), F && k.push(...V("eps-mb-", F)), I && k.push(...V("eps-ml-", I)), L && k.push(...V("eps-mr-", L)), v && k.push(...V("eps-", v)), y && k.push(...V("eps-justify-", y)), b && k.push(...V("eps-items-", b)), x && k.push(...V("eps-max-w-", x)), S && k.push(...V("eps-w-", S)), w && k.push(`eps-color-${w}`), C && k.push(`eps-bg-${C}`), T && k.push(...V("eps-flex-", T)), E && k.push(...V("eps-flex-wrap-", E)), /* @__PURE__ */ t(e, {
+		className: (0, z.default)(k, D),
 		...O,
 		children: n
 	});
-}, W = ({ children: n, space: r, className: i }) => {
+}, U = ({ children: n, space: r, className: i }) => {
 	let a = p.toArray(n);
 	return a.length <= 1 ? /* @__PURE__ */ t(e, { children: a }) : /* @__PURE__ */ t("div", {
 		className: i,
-		children: a.map((e, n) => n === a.length - 1 ? /* @__PURE__ */ t("div", { children: e }, n) : /* @__PURE__ */ t(U, {
+		children: a.map((e, n) => n === a.length - 1 ? /* @__PURE__ */ t("div", { children: e }, n) : /* @__PURE__ */ t(H, {
 			paddingBottom: r,
 			children: e
 		}, n))
 	});
-}, ge = ({ items: e, locale: r, className: i, ...a }) => /* @__PURE__ */ t("div", {
-	className: (0, B.default)("ep-audit-info", i),
+}, _e = ({ items: e, locale: r, className: i, ...a }) => /* @__PURE__ */ t("div", {
+	className: (0, z.default)("ep-audit-info", i),
 	...a,
-	children: e.map(({ label: e, value: i }) => /* @__PURE__ */ n(W, {
+	children: e.map(({ label: e, value: i }) => /* @__PURE__ */ n(U, {
 		space: "small",
 		children: [/* @__PURE__ */ t("div", {
 			className: "ep-audit-info-label",
 			children: e
-		}), /* @__PURE__ */ t("div", { children: o(i) || s(i) ? /* @__PURE__ */ t(V, {
+		}), /* @__PURE__ */ t("div", { children: o(i) || s(i) ? /* @__PURE__ */ t(B, {
 			date: i,
 			locale: r
 		}) : /* @__PURE__ */ t("span", { children: i }) })]
 	}, i.toString()))
-}), _e = ({ prependBreadcrumbItem: e, pathname: n, onBreadcrumbLookup: r }) => {
+}), ve = ({ prependBreadcrumbItem: e, pathname: n, onBreadcrumbLookup: r }) => {
 	let i = f(n).map((e) => ({
 		title: r(e),
 		path: e
@@ -111,14 +111,14 @@ var U = ({ as: e = "div", children: n, contrast: r, paddingTop: i, paddingRight:
 		children: e
 	}, n));
 	return e ? /* @__PURE__ */ t(y, { children: [e, ...a] }) : /* @__PURE__ */ t(y, { children: a });
-}, G = ({ isOpen: r = !1, children: i, message: a, size: o = "medium", buttons: s, onConfirm: c, messages: u, onClose: d, onDismiss: f, ...p }) => {
+}, W = ({ isOpen: r = !1, children: i, message: a, size: o = "medium", buttons: s, onConfirm: c, messages: u, onClose: d, onDismiss: f, ...p }) => {
 	let m = i || a, h = d || f;
 	return /* @__PURE__ */ n(O, {
 		size: o,
 		open: r,
 		onDismiss: h,
 		...p,
-		children: [l(m) ? /* @__PURE__ */ t(j, { children: m }) : /* @__PURE__ */ t(U, {
+		children: [l(m) ? /* @__PURE__ */ t(j, { children: m }) : /* @__PURE__ */ t(H, {
 			paddingBottom: "medium",
 			children: m
 		}), /* @__PURE__ */ t(T, { children: c ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(D, {
@@ -131,21 +131,21 @@ var U = ({ as: e = "div", children: n, contrast: r, paddingTop: i, paddingRight:
 			children: u.confirm
 		})] }) : s })]
 	});
-}, ve = ({ as: e = "main", className: n, children: r }) => /* @__PURE__ */ t(e, {
-	className: (0, B.default)(["eps-content", n]),
+}, ye = ({ as: e = "main", className: n, children: r }) => /* @__PURE__ */ t(e, {
+	className: (0, z.default)(["eps-content", n]),
 	children: r
-}), K = /* @__PURE__ */ function(e) {
+}), G = /* @__PURE__ */ function(e) {
 	return e.Local = "local", e.Development = "dev", e.Staging = "staging", e.Production = "prod", e;
-}({}), ye = {
-	[K.Local]: "#B482FB",
-	[K.Development]: "#5AC39A",
-	[K.Staging]: "#FFCA28"
-}, q = (e) => ye[e], be = {
-	[K.Local]: "Local",
-	[K.Development]: "Dev",
-	[K.Staging]: "Staging",
-	[K.Production]: "Prod"
-}, J = (e) => be[e], Y = ({ title: e, accentColor: r = "#FF5959", ...i }) => /* @__PURE__ */ n("svg", {
+}({}), be = {
+	local: "#B482FB",
+	dev: "#5AC39A",
+	staging: "#FFCA28"
+}, K = (e) => be[e], xe = {
+	local: "Local",
+	dev: "Dev",
+	staging: "Staging",
+	prod: "Prod"
+}, q = (e) => xe[e], J = ({ title: e, accentColor: r = "#FF5959", ...i }) => /* @__PURE__ */ n("svg", {
 	width: 257,
 	height: 37,
 	viewBox: "0 0 257 37",
@@ -172,14 +172,14 @@ var U = ({ as: e = "div", children: n, contrast: r, paddingTop: i, paddingRight:
 			})
 		]
 	})]
-}), xe = ({ as: e = "nav", className: n, altText: r, environment: i }) => /* @__PURE__ */ t(e, {
-	className: (0, B.default)(["eps-logo-wrapper", n]),
-	children: /* @__PURE__ */ t(Y, {
+}), Se = ({ as: e = "nav", className: n, altText: r, environment: i }) => /* @__PURE__ */ t(e, {
+	className: (0, z.default)(["eps-logo-wrapper", n]),
+	children: /* @__PURE__ */ t(J, {
 		title: r,
 		className: "logo",
-		accentColor: i !== void 0 && i !== K.Production ? q(i) : void 0
+		accentColor: i !== void 0 && i !== G.Production ? K(i) : void 0
 	})
-}), Se = "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.", Ce = class extends m {
+}), Ce = "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.", we = class extends m {
 	constructor(e) {
 		super(e), this.state = { error: null };
 	}
@@ -194,17 +194,17 @@ var U = ({ as: e = "div", children: n, contrast: r, paddingTop: i, paddingRight:
 		return e ? c(n) ? n({
 			retry: () => this.setState({ error: null }),
 			error: e
-		}) : e.name === "NotFoundError" && e.message === Se ? /* @__PURE__ */ t(Te, {}) : n : r;
+		}) : e.name === "NotFoundError" && e.message === Ce ? /* @__PURE__ */ t(Ee, {}) : n : r;
 	}
-}, we = "EP::locale";
-function Te() {
-	let e = localStorage.getItem(we), r = e === "nb" || e === "nb-NO";
-	return /* @__PURE__ */ t(U, {
+}, Te = "EP::locale";
+function Ee() {
+	let e = localStorage.getItem(Te), r = e === "nb" || e === "nb-NO";
+	return /* @__PURE__ */ t(H, {
 		maxWidth: "large",
 		children: /* @__PURE__ */ n(M, {
 			variant: "info",
 			title: r ? "En ny versjon av nettsiden er tilgjengelig." : "A new version of the website is available.",
-			children: [/* @__PURE__ */ t(U, {
+			children: [/* @__PURE__ */ t(H, {
 				paddingBottom: "medium",
 				children: /* @__PURE__ */ t(j, {
 					margin: "none",
@@ -219,7 +219,7 @@ function Te() {
 }
 //#endregion
 //#region src/ExpandableMultiLanguageInput.tsx
-var Ee = ({ title: e, inputComponent: n, languages: r, values: i, onChange: a, name: o, variant: s, feedback: c, ...l }) => {
+var De = ({ title: e, inputComponent: n, languages: r, values: i, onChange: a, name: o, variant: s, feedback: c, ...l }) => {
 	let u = (e, t) => {
 		let n = { ...i };
 		t === "" || !t ? delete n[e] : n[e] = t, a(n);
@@ -232,7 +232,7 @@ var Ee = ({ title: e, inputComponent: n, languages: r, values: i, onChange: a, n
 			marginTop: "16px",
 			marginBottom: "16px"
 		},
-		children: /* @__PURE__ */ t(W, {
+		children: /* @__PURE__ */ t(U, {
 			space: "medium",
 			children: r.map(({ value: r, label: a, required: d }) => /* @__PURE__ */ t(n, {
 				"data-testid": `multi-lang-input-${o}-${r}`,
@@ -251,19 +251,19 @@ var Ee = ({ title: e, inputComponent: n, languages: r, values: i, onChange: a, n
 };
 //#endregion
 //#region src/FeatureToggle.tsx
-function X(e) {
+function Y(e) {
 	return {
 		BASE_URL: "/",
 		DEV: !1,
 		MODE: "production",
 		PROD: !0,
 		SSR: !1
-	}?.[`VITE_APP_${e}`] === "true" || window.localStorage?.getItem(e) === "true" || window.localStorage?.getItem(`VITE_APP_${e}`) === "true";
+	}[`VITE_APP_${e}`] === "true" || window.localStorage?.getItem(e) === "true" || window.localStorage?.getItem(`VITE_APP_${e}`) === "true";
 }
-function De(e) {
-	return X(e);
+function Oe(e) {
+	return Y(e);
 }
-var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n }) : null, ke = ({ amount: e, as: n = "span", ...r }) => {
+var ke = ({ children: n, flag: r }) => Y(r) ? /* @__PURE__ */ t(e, { children: n }) : null, Ae = ({ amount: e, as: n = "span", ...r }) => {
 	let i = Number(e) || 0, a = new Intl.NumberFormat("nb-NO", {
 		maximumFractionDigits: 2,
 		minimumFractionDigits: 2
@@ -272,8 +272,8 @@ var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n
 		...r,
 		children: a
 	});
-}, Z = ({ language: e, options: i, className: a, onChange: o, ...s }) => {
-	let c = (0, B.default)("eps-language-select", a);
+}, X = ({ language: e, options: i, className: a, onChange: o, ...s }) => {
+	let c = (0, z.default)("eps-language-select", a);
 	return /* @__PURE__ */ t("div", {
 		...s,
 		className: c,
@@ -291,24 +291,24 @@ var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n
 			}, e.value))
 		})
 	});
-}, Ae = (e) => /* @__PURE__ */ t(A, {
+}, je = (e) => /* @__PURE__ */ t(A, {
 	...e,
 	as: x,
 	children: e.children
-}), je = ({ children: e, className: n, ...r }) => /* @__PURE__ */ t(A, {
+}), Me = ({ children: e, className: n, ...r }) => /* @__PURE__ */ t(A, {
 	...r,
 	as: "button",
-	className: (0, B.default)("eps-link-button", n),
+	className: (0, z.default)("eps-link-button", n),
 	children: e
-}), Me = ({ as: e = "nav", className: n, children: r }) => /* @__PURE__ */ t(e, {
-	className: (0, B.default)([
+}), Ne = ({ as: e = "nav", className: n, children: r }) => /* @__PURE__ */ t(e, {
+	className: (0, z.default)([
 		"eds-contrast",
 		"eps-menu",
 		n
 	]),
 	children: r
-}), Ne = ({ className: e, inputComponent: r, alertLabel: i, alertLevel: a, name: o, languages: s, values: c, onChange: l, defaultLanguage: u = "nob", label: d = "", onBlur: f = () => {}, ...p }) => {
-	let [m, h] = _(u), g = (0, B.default)("multi-language-input", e), v = c[m], y = (e) => {
+}), Pe = ({ className: e, inputComponent: r, alertLabel: i, alertLevel: a, name: o, languages: s, values: c, onChange: l, defaultLanguage: u = "nob", label: d = "", onBlur: f = () => {}, ...p }) => {
+	let [m, h] = _(u), g = (0, z.default)("multi-language-input", e), v = c[m], y = (e) => {
 		e.persist();
 		let t = e.currentTarget;
 		setTimeout(() => {
@@ -325,9 +325,9 @@ var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n
 		tabIndex: 0,
 		onBlur: y,
 		"data-testid": `multi-lang-input-${o}`,
-		children: /* @__PURE__ */ n(W, {
+		children: /* @__PURE__ */ n(U, {
 			space: "extraSmall",
-			children: [/* @__PURE__ */ t(Z, {
+			children: [/* @__PURE__ */ t(X, {
 				language: m,
 				options: s,
 				onChange: (e) => b(e)
@@ -343,7 +343,7 @@ var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n
 			})]
 		})
 	});
-}, Pe = ({ label: e, organisations: n, onChange: r, selectedOrganisationId: i, ...a }) => {
+}, Fe = ({ label: e, organisations: n, onChange: r, selectedOrganisationId: i, ...a }) => {
 	let [o, s] = _();
 	return h(() => {
 		s(n.find((e) => e.organisationId === i));
@@ -363,29 +363,29 @@ var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n
 		clearable: !1,
 		...a
 	});
-}, Fe = ({ collectionSize: e, pageSize: n, onPageChange: r, currentPage: i }) => /* @__PURE__ */ t(b, {
+}, Ie = ({ collectionSize: e, pageSize: n, onPageChange: r, currentPage: i }) => /* @__PURE__ */ t(b, {
 	pageCount: Math.ceil(e / n),
 	currentPage: i,
 	onPageChange: (e) => {
 		r(e);
 	}
-}), Q = ({ title: e, suffix: t }) => {
+}), Z = ({ title: e, suffix: t }) => {
 	h(() => {
 		t ? document.title = `${e}${t}` : document.title = e;
 	}, [e, t]);
-}, Ie = ({ pathname: e, onBreadcrumbLookup: t, appTitle: n = "Entur Partner" }) => {
+}, Le = ({ pathname: e, onBreadcrumbLookup: t, appTitle: n = "Entur Partner" }) => {
 	let r = f(e).map((e) => ({
 		title: t(e),
 		path: e
 	})).filter(({ title: e }) => e !== void 0).map(({ title: e }) => e).reverse().join(" | ");
-	return Q({ title: r ? `${r} | ${n}` : n }), null;
-}, Le = ({ children: n, fallback: r = null, permissions: o, oneOf: s = [], all: c = [] }) => {
+	return Z({ title: r ? `${r} | ${n}` : n }), null;
+}, Re = ({ children: n, fallback: r = null, permissions: o, oneOf: s = [], all: c = [] }) => {
 	let l = i(c, o), u = a(s, o);
 	return /* @__PURE__ */ t(e, { children: l && u ? n : r });
-}, Re = ({ children: e, shouldBlockNavigation: n, ...i }) => {
+}, ze = ({ children: e, shouldBlockNavigation: n, ...i }) => {
 	r(C() ? !0 : void 0, "RouteLeavingGuard must be used within a data router.");
 	let a = S(({ currentLocation: e, nextLocation: t }) => e.pathname !== t.pathname && n(t));
-	return /* @__PURE__ */ t(G, {
+	return /* @__PURE__ */ t(W, {
 		onDismiss: () => {
 			a.state === "blocked" && a.reset();
 		},
@@ -396,33 +396,33 @@ var Oe = ({ children: n, flag: r }) => X(r) ? /* @__PURE__ */ t(e, { children: n
 		...i,
 		children: e
 	});
-}, ze = ({ active: e = !1, label: r = "", aggressiveInactive: i, showBullet: a, center: o }) => {
-	let s = (0, B.default)("eps-status-label__bullet", {
+}, Be = ({ active: e = !1, label: r = "", aggressiveInactive: i, showBullet: a, center: o }) => {
+	let s = (0, z.default)("eps-status-label__bullet", {
 		active: e,
 		aggressive: i
 	});
 	return /* @__PURE__ */ n("div", {
-		className: (0, B.default)("eps-status-label", { center: o }),
+		className: (0, z.default)("eps-status-label", { center: o }),
 		children: [a && /* @__PURE__ */ t("div", { className: s }), /* @__PURE__ */ t("div", { children: r })]
 	});
-}, Be = ({ as: e = "span", children: n, fontSize: r, color: i, lineHeight: a, fontWeight: o, className: s, ...c }) => {
+}, Ve = ({ as: e = "span", children: n, fontSize: r, color: i, lineHeight: a, fontWeight: o, className: s, ...c }) => {
 	let l = [];
-	return r && l.push(...H("eps-font-size-", r)), a && l.push(...H("eps-line-height-", a)), o && l.push(`eps-font-weight-${o}`), /* @__PURE__ */ t(U, {
+	return r && l.push(...V("eps-font-size-", r)), a && l.push(...V("eps-line-height-", a)), o && l.push(`eps-font-weight-${o}`), /* @__PURE__ */ t(H, {
 		as: e,
 		color: i,
-		className: (0, B.default)(l, s),
+		className: (0, z.default)(l, s),
 		...c,
 		children: n
 	});
-}, Ve = ({ children: e, className: n, ...r }) => /* @__PURE__ */ t(w, {
+}, He = ({ children: e, className: n, ...r }) => /* @__PURE__ */ t(w, {
 	variant: "primary",
 	...r,
-	className: (0, B.default)("eps-unbutton", n),
+	className: (0, z.default)("eps-unbutton", n),
 	children: e
 });
 //#endregion
 //#region src/useEventListener.ts
-function He(e, t, n = window) {
+function Ue(e, t, n = window) {
 	let r = g(null);
 	h(() => {
 		r.current = t;
@@ -436,11 +436,11 @@ function He(e, t, n = window) {
 }
 //#endregion
 //#region src/user-menu/components/CustomOverflowMenuItem.tsx
-var $ = (e) => /* @__PURE__ */ t("button", {
-	className: (0, B.default)(e.className, "eps-overflow-menu__item"),
+var Q = (e) => /* @__PURE__ */ t("button", {
+	className: (0, z.default)(e.className, "eps-overflow-menu__item"),
 	role: "menuitem",
 	...e
-}), Ue = ({ locale: e, onClick: r }) => /* @__PURE__ */ n($, {
+}), We = ({ locale: e, onClick: r }) => /* @__PURE__ */ n(Q, {
 	onClick: r,
 	className: "eps-overflow-menu__item",
 	children: [/* @__PURE__ */ t("span", {
@@ -453,10 +453,10 @@ var $ = (e) => /* @__PURE__ */ t("button", {
 });
 //#endregion
 //#region src/user-menu/components/useOutsideClick.ts
-function We(e, t, n) {
+function Ge(e, t, n) {
 	h(() => {
 		let r = (r) => {
-			Ge(e.current, r) || Ge(t.current, r) || n();
+			$(e.current, r) || $(t.current, r) || n();
 		};
 		return document.addEventListener("mousedown", r), document.addEventListener("touchstart", r), () => {
 			document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", r);
@@ -467,15 +467,15 @@ function We(e, t, n) {
 		n
 	]);
 }
-function Ge(e, t) {
+function $(e, t) {
 	return e ? e.contains(t.target) ? !0 : t.composed && t.composedPath ? !!t.composedPath().find((t) => t === window ? !1 : e.contains(t)) : !1 : !1;
 }
 //#endregion
 //#region src/user-menu/components/CustomOverflowMenu.tsx
 var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, environment: s, ...c }) => {
-	let l = (0, B.default)("eps-overflow-menu__group", { "eps-overflow-menu__group--open": a }), u = g(null), d = g(null);
-	return We(u, d, () => o(!1)), /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t(D, {
-		className: (0, B.default)("eps-overflow-menu__button", e),
+	let l = (0, z.default)("eps-overflow-menu__group", { "eps-overflow-menu__group--open": a }), u = g(null), d = g(null);
+	return Ge(u, d, () => o(!1)), /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t(D, {
+		className: (0, z.default)("eps-overflow-menu__button", e),
 		onClick: () => o(!a),
 		"aria-haspopup": !0,
 		"aria-expanded": a,
@@ -491,12 +491,13 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 				/* @__PURE__ */ n(k, {
 					margin: "none",
 					as: "span",
-					children: [i, s !== void 0 && s !== K.Production && /* @__PURE__ */ n("span", {
-						style: { color: q(s) },
+					className: "eps-overflow-menu__user-name",
+					children: [i, s !== void 0 && s !== G.Production && /* @__PURE__ */ n("span", {
+						style: { color: K(s) },
 						children: [
 							" ",
 							"(",
-							J(s),
+							q(s),
 							")"
 						]
 					})]
@@ -513,7 +514,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 		ref: u,
 		children: r
 	})] });
-}, qe = ({ locale: r, onLocaleChange: i }) => /* @__PURE__ */ t(e, { children: r === "en-GB" ? /* @__PURE__ */ n($, {
+}, qe = ({ locale: r, onLocaleChange: i }) => /* @__PURE__ */ t(e, { children: r === "en-GB" ? /* @__PURE__ */ n(Q, {
 	onClick: () => {
 		i("nb-NO");
 	},
@@ -526,7 +527,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 			inline: !0
 		})
 	}), "Bytt til norsk"]
-}) : /* @__PURE__ */ n($, {
+}) : /* @__PURE__ */ n(Q, {
 	onClick: () => {
 		i("en-GB");
 	},
@@ -539,7 +540,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 			inline: !0
 		})
 	}), "Switch to English"]
-}) }), Je = ({ onClick: e, locale: r }) => /* @__PURE__ */ n($, {
+}) }), Je = ({ onClick: e, locale: r }) => /* @__PURE__ */ n(Q, {
 	onClick: e,
 	"data-testid": "user-menu-logout",
 	className: "eps-overflow-menu__item",
@@ -550,7 +551,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 			inline: !0
 		})
 	}), r === "en-GB" ? "Log out " : "Logg ut"]
-}), Ye = ({ locale: e, onClick: r }) => /* @__PURE__ */ n($, {
+}), Ye = ({ locale: e, onClick: r }) => /* @__PURE__ */ n(Q, {
 	onClick: r,
 	className: "eps-overflow-menu__item",
 	children: [/* @__PURE__ */ t("span", {
@@ -560,7 +561,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 			inline: !0
 		})
 	}), e === "en-GB" ? "My profile" : "Min profil"]
-}), Xe = ({ locale: e, onClick: r }) => /* @__PURE__ */ n($, {
+}), Xe = ({ locale: e, onClick: r }) => /* @__PURE__ */ n(Q, {
 	onClick: r,
 	className: "eps-overflow-menu__item",
 	children: [/* @__PURE__ */ t("span", {
@@ -578,7 +579,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 		children: /* @__PURE__ */ t(Ke, {
 			open: m,
 			onOpenChange: h,
-			className: (0, B.default)(["eps-user-menu__trigger-button", e]),
+			className: (0, z.default)(["eps-user-menu__trigger-button", e]),
 			userName: a,
 			environment: s,
 			children: /* @__PURE__ */ n("div", {
@@ -602,7 +603,7 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 							d(), h(!1);
 						}
 					}),
-					u && /* @__PURE__ */ t(Ue, {
+					u && /* @__PURE__ */ t(We, {
 						locale: o,
 						onClick: () => {
 							f(), h(!1);
@@ -620,6 +621,6 @@ var Ke = ({ className: e, children: r, userName: i, open: a, onOpenChange: o, en
 	});
 };
 //#endregion
-export { he as ActionBar, pe as ActionBarLeft, me as ActionBarRight, ge as AuditInfo, U as Box, _e as Breadcrumbs, G as ConfirmModal, ve as Content, xe as EnturPartnerLogo, Y as EnturPartnerLogoSvg, K as Environment, Ce as ErrorBoundary, Ee as ExpandableMultiLanguageInput, Oe as FeatureToggle, ke as FormatCurrencyAmount, V as FormatDateTime, Z as LanguageSelect, Ae as Link, je as LinkButton, Me as Menu, Ne as MultiLanguageInput, Pe as OrganisationDropDown, Ie as PageTitle, Fe as Pager, Le as PermissionCheck, Re as RouteLeavingGuard, W as Stack, ze as StatusLabel, Be as Text, Ve as Unbutton, Ze as UserMenu, X as featureFlag, q as getColorForEnvironment, J as getHumanReadableEnvironment, H as responsiveProp, Q as useDocumentTitle, He as useEventListener, De as useFeatureToggle };
+export { ge as ActionBar, me as ActionBarLeft, he as ActionBarRight, _e as AuditInfo, H as Box, ve as Breadcrumbs, W as ConfirmModal, ye as Content, Se as EnturPartnerLogo, J as EnturPartnerLogoSvg, G as Environment, we as ErrorBoundary, De as ExpandableMultiLanguageInput, ke as FeatureToggle, Ae as FormatCurrencyAmount, B as FormatDateTime, X as LanguageSelect, je as Link, Me as LinkButton, Ne as Menu, Pe as MultiLanguageInput, Fe as OrganisationDropDown, Le as PageTitle, Ie as Pager, Re as PermissionCheck, ze as RouteLeavingGuard, U as Stack, Be as StatusLabel, Ve as Text, He as Unbutton, Ze as UserMenu, Y as featureFlag, K as getColorForEnvironment, q as getHumanReadableEnvironment, V as responsiveProp, Z as useDocumentTitle, Ue as useEventListener, Oe as useFeatureToggle };
 
 //# sourceMappingURL=index.mjs.map