@altinn/altinn-components 0.63.1 → 0.63.3

package/dist/components/Forms/TextField.js

@@ -2,12 +2,13 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Input as e } from "./Input.js";
-import { F as n } from "../../ToolbarSearch-DT-KvnVb.js";
+import { F as n } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+const j = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  h as TextField
+  j as TextField
 };

package/dist/components/Forms/TextFieldDropdown.js

@@ -2,13 +2,14 @@
 import { jsx as r, jsxs as R } from "react/jsx-runtime";
 import { useId as V, useState as f, useRef as x, useMemo as F, useEffect as _, useCallback as I } from "react";
 import { useClickOutside as A } from "../../hooks/useClickOutside.js";
-import { F as U, B as q, I as z, k as G } from "../../ToolbarSearch-DT-KvnVb.js";
+import { F as U, B as q, I as z, k as G } from "../../ToolbarSearch-OLv6DjhT.js";
 import { DropdownBase as H } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import { Input as J } from "./Input.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuList as K } from "../Menu/MenuList.js";
 import { MenuListItem as P } from "../Menu/MenuListItem.js";
@@ -20,7 +21,7 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, we = ({
+}, he = ({
   label: O,
   helperText: S,
   value: u = "",
@@ -119,5 +120,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  we as TextFieldDropdown
+  he as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

@@ -1,13 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Textarea as p } from "./Textarea.js";
-import { F as a } from "../../ToolbarSearch-DT-KvnVb.js";
+import { Textarea as e } from "./Textarea.js";
+import { F as a } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
+const j = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  h as TextareaField
+  j as TextareaField
 };

package/dist/components/Forms/index.js

@@ -8,7 +8,7 @@ import { Select as c } from "./Select.js";
 import { Radio as S } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { F as B, S as k } from "../../ToolbarSearch-DT-KvnVb.js";
+import { F as B, S as k } from "../../ToolbarSearch-OLv6DjhT.js";
 import { TextField as L } from "./TextField.js";
 import { TextareaField as g } from "./TextareaField.js";
 import { SelectField as D } from "./SelectField.js";

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -3,10 +3,11 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { c as d } from "../../index-p1eeF8LQ.js";
 import m, { forwardRef as v, isValidElement as b } from "react";
 import { Avatar as f } from "../Avatar/Avatar.js";
-import { u as _, s as h } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as _, s as h } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as p } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as y } from "../../ChevronDown-D_a7nb-G.js";
 import { u as w } from "../../useId-BVFxCjkq.js";
@@ -35,7 +36,7 @@ const N = v((t, a) => {
   avatar: E,
   title: I,
   description: L
-}, z = ({
+}, A = ({
   className: t,
   currentAccount: a,
   expanded: o = !1,
@@ -122,5 +123,5 @@ const N = v((t, a) => {
   }
 };
 export {
-  z as GlobalAccountButton
+  A as GlobalAccountButton
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -8,7 +8,7 @@ import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { u as j } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as j } from "../../ToolbarSearch-OLv6DjhT.js";
 import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
 import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -1,10 +1,11 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { u as p, s as _, B as d } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as p, s as _, B as d } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as N } from "../../MenuHamburger-YjDC-ncP.js";
 import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_icon_e58u8_14", k = "_label_e58u8_22", y = "_badge_e58u8_28", t = {
@@ -27,7 +28,7 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
         close: "Lukk Meny"
       };
   }
-}, R = ({
+}, T = ({
   className: s,
   as: x = "button",
   color: r = "company",
@@ -59,5 +60,5 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
   );
 };
 export {
-  R as GlobalMenuButton
+  T as GlobalMenuButton
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -2,9 +2,10 @@ import { jsxs as c, Fragment as m, jsx as r } from "react/jsx-runtime";
 import { useRef as N, useEffect as h } from "react";
 import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { u as L } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as L } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as z } from "../../ChevronUp-hn05LboH.js";
 import { S as j } from "../../ChevronDown-D_a7nb-G.js";
@@ -14,7 +15,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   footer: R,
   body: F,
   toggleButton: V
-}, P = ({
+}, Q = ({
   id: l,
   open: i,
   onClose: a,
@@ -26,7 +27,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   const { languageCode: w } = L(), u = q(w), d = N(null);
   h(() => {
     const e = d.current, s = (t) => {
-      const { clientY: b, clientX: p, target: y } = t;
+      const { clientY: p, clientX: b, target: y } = t;
       if (t instanceof KeyboardEvent && t.key === "Escape") {
         if (o === "none") {
           t.preventDefault();
@@ -37,7 +38,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
       }
       if (!window.getSelection()?.toString() && e && y === e && o === "any") {
         const { top: E, left: S, right: x, bottom: C } = e.getBoundingClientRect();
-        E <= b && b <= C && S <= p && p <= x || e?.close();
+        E <= p && p <= C && S <= b && b <= x || e?.close();
       }
     }, g = () => {
       const t = e?.querySelector("[autofocus]");
@@ -100,5 +101,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   }
 };
 export {
-  P as HeaderDrawer
+  Q as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

@@ -1,16 +1,17 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { g as m } from "../../ToolbarSearch-DT-KvnVb.js";
+import { g as m } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderDropdown.css';const s = "_dropdown_18s8n_3", e = {
-  dropdown: s
-}, g = ({ id: o, open: r, onClose: p, trigger: t, children: d }) => /* @__PURE__ */ n(
+import '../../assets/HeaderDropdown.css';const i = "_dropdown_18s8n_3", s = {
+  dropdown: i
+}, x = ({ id: o, open: r, onClose: p, trigger: t, children: d }) => /* @__PURE__ */ n(
   m,
   {
-    className: e.dropdown,
+    className: s.dropdown,
     id: o,
     open: r,
     trigger: t,
@@ -22,5 +23,5 @@ import '../../assets/HeaderDropdown.css';const s = "_dropdown_18s8n_3", e = {
   }
 );
 export {
-  g as HeaderDropdown
+  x as HeaderDropdown
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../index-p1eeF8LQ.js";
-import { u as c, B as g } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as c, B as g } from "../../ToolbarSearch-OLv6DjhT.js";
 import { Button as p } from "../Button/Button.js";
 import "react";
 import "../Typography/Link.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { DigdirLogomark as x } from "./DigdirLogomark.js";
 import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
@@ -14,14 +15,14 @@ import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1
 }, k = {
   nn: "Gå til framsida",
   en: "Go to homepage"
-}, C = ({ className: s, as: n = "a", href: a = "/", badge: r }) => {
-  const { languageCode: m } = c(), e = k[m ?? ""] ?? "Gå til forsiden";
-  return /* @__PURE__ */ i(p, { variant: "ghost", as: n, className: l(t.logo, s), href: a, title: e, children: [
+}, R = ({ className: s, as: m = "a", href: n = "/", badge: r }) => {
+  const { languageCode: a } = c(), e = k[a ?? ""] ?? "Gå til forsiden";
+  return /* @__PURE__ */ i(p, { variant: "ghost", as: m, className: l(t.logo, s), href: n, title: e, children: [
     /* @__PURE__ */ o(x, { className: t.logomark }),
     /* @__PURE__ */ o("span", { className: t.text, children: "Altinn" }),
     r && /* @__PURE__ */ o(g, { ...r })
   ] });
 };
 export {
-  C as HeaderLogo
+  R as HeaderLogo
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,80 +1,83 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import s, { forwardRef as y, useState as M, useCallback as k, useEffect as I, useMemo as O } from "react";
-import { M as w } from "../../ToolbarSearch-DT-KvnVb.js";
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import f, { forwardRef as M, useState as k, useRef as w, useCallback as I, useEffect as O, useMemo as j } from "react";
+import { M as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { LocaleSwitcher as j } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as E } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as x } from "../Menu/MenuListItem.js";
-import { GlobalMenuBase as g, GlobalMenuFooter as S } from "./GlobalMenuBase.js";
+import { MenuListItem as R } from "../Menu/MenuListItem.js";
+import { GlobalMenuBase as h, GlobalMenuFooter as S } from "./GlobalMenuBase.js";
 import { LogoutButton as _ } from "./LogoutButton.js";
 import { u as C } from "../../useId-BVFxCjkq.js";
-var E = function(t, i) {
+var L = function(t, i) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
-      i.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const L = y((t, i) => {
-  var { title: r, titleId: e } = t, o = E(t, ["title", "titleId"]);
-  let l = C();
-  return l = r ? e || "title-" + l : void 0, s.createElement(
+const T = M((t, i) => {
+  var { title: r, titleId: e } = t, l = L(t, ["title", "titleId"]);
+  let n = C();
+  return n = r ? e || "title-" + n : void 0, f.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, o),
-    r ? s.createElement("title", { id: l }, r) : null,
-    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, l),
+    r ? f.createElement("title", { id: n }, r) : null,
+    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
   );
-}), K = ({
+}), Q = ({
   menu: t,
   backLabel: i = "Back",
   onClose: r,
   logoutButton: e,
-  ariaLabel: o = "Menu",
-  localeSwitcher: l,
-  isOpen: f = !1
+  ariaLabel: l = "Menu",
+  localeSwitcher: n,
+  isOpen: p = !1
 }) => {
-  const [b, p] = M(!1), m = k(() => {
-    p((n) => !n);
+  const [b, u] = k(!1), s = w(null), m = I(() => {
+    u((o) => !o);
   }, []);
-  I(() => {
-    f || p(!1);
-  }, [f]);
-  const h = O(() => {
-    const n = (t?.items ?? []).map((c) => ({
+  O(() => {
+    p || u(!1);
+    let o = s.current;
+    for (; o; )
+      o.scrollTop > 0 && (o.scrollTop = 0), o = o.parentElement;
+  }, [p]);
+  const v = j(() => {
+    const o = (t?.items ?? []).map((c) => ({
       ...c,
       onClick: () => {
         c.onClick?.(), r?.();
       },
-      items: Array.isArray(c.items) ? c.items.map((u) => ({
-        ...u,
+      items: Array.isArray(c.items) ? c.items.map((d) => ({
+        ...d,
         onClick: () => {
-          u.onClick?.(), r?.();
+          d.onClick?.(), r?.();
         }
       })) : void 0
     }));
-    if (!l) return n;
-    const v = {
+    if (!n) return o;
+    const y = {
       title: "Språk/language",
-      icon: L,
+      icon: T,
       size: "sm",
       onClick: m,
       linkIcon: !0
     };
-    return [...n, v];
-  }, [t, r, l, m]);
-  return b ? /* @__PURE__ */ d(g, { "aria-label": o, children: [
-    l && /* @__PURE__ */ a(j, { ...l, backLabel: i, onToggle: m }),
-    /* @__PURE__ */ a(x, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ d(g, { "aria-label": o, children: [
-    t && /* @__PURE__ */ a(w, { ...t, items: h }),
+    return [...o, y];
+  }, [t, r, n, m]);
+  return b ? /* @__PURE__ */ g(h, { ref: s, "aria-label": l, children: [
+    n && /* @__PURE__ */ a(E, { ...n, backLabel: i, onToggle: m }),
+    /* @__PURE__ */ a(R, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ g(h, { ref: s, "aria-label": l, children: [
+    t && /* @__PURE__ */ a(x, { ...t, items: v }),
     e && /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(_, { ...e }) })
   ] });
 };
 export {
-  K as GlobalMenu
+  Q as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,9 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const r = "_nav_b7k4e_1", s = "_footer_b7k4e_6", t = {
-  nav: r,
-  footer: s
-}, l = ({ color: o, children: a, ...n }) => /* @__PURE__ */ e("nav", { className: t.nav, "data-color": o, ...n, children: a }), f = ({ children: o }) => /* @__PURE__ */ e("footer", { className: t.footer, children: o });
+import { forwardRef as s } from "react";
+import '../../assets/GlobalMenuBase.css';const l = "_nav_b7k4e_1", f = "_footer_b7k4e_6", a = {
+  nav: l,
+  footer: f
+}, c = s(({ color: o, children: r, ...t }, n) => /* @__PURE__ */ e("nav", { ref: n, className: a.nav, "data-color": o, ...t, children: r }));
+c.displayName = "GlobalMenuBase";
+const b = ({ children: o }) => /* @__PURE__ */ e("footer", { className: a.footer, children: o });
 export {
-  l as GlobalMenuBase,
-  f as GlobalMenuFooter
+  c as GlobalMenuBase,
+  b as GlobalMenuFooter
 };

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -1,23 +1,24 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { useRef as g, useMemo as i } from "react";
+import { useRef as g, useMemo as n } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { u as h, r as b, l as S } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as h, r as b, l as S } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "./GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as x } from "../../ArrowUndo-hge1gMu8.js";
-const q = ({
+const D = ({
   title: s = "Select language",
   options: r,
   onSelect: c,
   onToggle: u,
   backLabel: d
 }) => {
-  const l = g(null), { currentId: m, closeAll: o } = h(), p = m === "locale", n = i(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = i(() => r.map((t) => {
-    const e = t.value === n;
+  const i = g(null), { currentId: m, closeAll: o } = h(), p = m === "locale", l = n(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = n(() => r.map((t) => {
+    const e = t.value === l;
     return {
       ...t,
       id: String(t.value),
@@ -31,16 +32,16 @@ const q = ({
         c?.(String(t.value)), o();
       }
     };
-  }), [r, c, o, n]), f = {
+  }), [r, c, o, l]), f = {
     locales: { title: s || "Språk/language" }
   };
   return v((t) => {
     if (p) {
       t.preventDefault();
-      const e = l.current?.querySelector('[data-active="true"]');
+      const e = i.current?.querySelector('[data-active="true"]');
       e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), o();
     }
-  }), /* @__PURE__ */ a("div", { ref: l, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
+  }), /* @__PURE__ */ a("div", { ref: i, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
     S,
     {
       variant: "default",
@@ -54,5 +55,5 @@ const q = ({
   ) });
 };
 export {
-  q as LocaleSwitcher
+  D as LocaleSwitcher
 };

package/dist/components/GlobalMenu/LogoutButton.js

@@ -1,14 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Button as i } from "../Button/Button.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Button as n } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "react-dom";
+import "./GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
+import '../../assets/LogoutButton.css';const m = "_button_1260s_1", p = {
   button: m
-}, _ = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
+}, f = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ i(n, { className: p.button, variant: "outline", size: "lg", onClick: r, children: o || t });
 export {
-  _ as LogoutButton
+  f as LogoutButton
 };

package/dist/components/Icon/Icon.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as n, i as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { I as e, i as f } from "../../ToolbarSearch-OLv6DjhT.js";
 import "react";
 import "../Skeleton/Skeleton.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  n as Icon,
-  e as isIconProps
+  e as Icon,
+  f as isIconProps
 };

package/dist/components/Icon/index.js

@@ -1,4 +1,4 @@
-import { I as c, i as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { I as c, i as e } from "../../ToolbarSearch-OLv6DjhT.js";
 import { CheckboxIcon as I } from "./CheckboxIcon.js";
 import { RadioIcon as p } from "./RadioIcon.js";
 import { ProgressIcon as f } from "./ProgressIcon.js";

package/dist/components/Inbox/InboxPage.js

@@ -1,21 +1,22 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as n } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as n } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Toolbar as p } from "../Toolbar/Toolbar.js";
 import '../../assets/InboxPage.css';const c = "_page_1jajt_1", d = "_nav_1jajt_7", l = "_body_1jajt_22", o = {
   page: c,
   nav: d,
   body: l
-}, h = ({ title: s, toolbar: t, sticky: e = !1, controls: i, children: r }) => /* @__PURE__ */ m("div", { className: o.page, children: [
+}, H = ({ title: s, toolbar: t, sticky: i = !1, controls: r, children: e }) => /* @__PURE__ */ m("div", { className: o.page, children: [
   s && /* @__PURE__ */ a(n, { size: "xl", className: o.title, children: s }),
-  /* @__PURE__ */ a("div", { className: o.nav, "data-sticky": e, children: t && /* @__PURE__ */ a(p, { ...t, controls: i }) }),
-  /* @__PURE__ */ a("div", { className: o.body, children: r })
+  /* @__PURE__ */ a("div", { className: o.nav, "data-sticky": i, children: t && /* @__PURE__ */ a(p, { ...t, controls: r }) }),
+  /* @__PURE__ */ a("div", { className: o.body, children: e })
 ] });
 export {
-  h as InboxPage
+  H as InboxPage
 };

package/dist/components/InboxSearch/InboxSearch.js

@@ -1,25 +1,26 @@
-import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, Fragment as a, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { u as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as p } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { Searchbar as s } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import "react-dom";
 import { Backdrop as x } from "../Dropdown/Backdrop.js";
-const F = ({ search: n }) => {
-  const { currentId: o, toggleId: t, openId: c } = p(), i = () => {
+const j = ({ search: t }) => {
+  const { currentId: o, toggleId: n, openId: c } = p(), i = () => {
     c("inboxSearch");
   }, r = () => {
-    t("inboxSearch");
+    n("inboxSearch");
   };
-  return /* @__PURE__ */ a(m, { children: [
+  return /* @__PURE__ */ m(a, { children: [
     o === "inboxSearch" && /* @__PURE__ */ e(x, { onClick: r }),
     /* @__PURE__ */ e(
       s,
       {
-        ...n,
+        ...t,
         expanded: o === "inboxSearch",
         onClose: r,
         onFocus: i,
@@ -29,5 +30,5 @@ const F = ({ search: n }) => {
   ] });
 };
 export {
-  F as InboxSearch
+  j as InboxSearch
 };

package/dist/components/Item/ItemLabel.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { j as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { j as e } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 export {
   e as ItemLabel

package/dist/components/Item/ItemMedia.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { h as s } from "../../ToolbarSearch-DT-KvnVb.js";
+import { h as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  s as ItemMedia
+  x as ItemMedia
 };

package/dist/components/Item/ItemSelect.js

@@ -2,12 +2,13 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Input as p } from "../Forms/Input.js";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as n } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const z = ({ className: r, onClick: o, checked: i, onChange: e, ...m }) => /* @__PURE__ */ t(n, { className: r, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ t(p, { ...m, type: "checkbox", size: "xs", checked: i, onChange: e }) });
+const I = ({ className: r, onClick: o, checked: i, onChange: m, ...e }) => /* @__PURE__ */ t(n, { className: r, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ t(p, { ...e, type: "checkbox", size: "xs", checked: i, onChange: m }) });
 export {
-  z as ItemSelect
+  I as ItemSelect
 };