@altinn/altinn-components 0.56.32 → 0.56.34

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,68 +1,67 @@
 "use client";
-import { jsx as n, jsxs as a, Fragment as F } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useIsDesktop as v } from "../../hooks/useIsDesktop.js";
-import { GlobalMenu as C } from "../GlobalMenu/GlobalMenu.js";
+import { jsx as n, jsxs as a, Fragment as _ } from "react/jsx-runtime";
+import { useState as F } from "react";
+import { useIsDesktop as A } from "../../hooks/useIsDesktop.js";
+import { AccountSelector as C } from "../AccountSelector/AccountSelector.js";
+import { GlobalMenu as b } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as b } from "../RootProvider/RootProvider.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountSelector as D } from "./AccountSelector.js";
-import { AccountSelectorButton as H } from "./AccountSelectorButton.js";
-import { HeaderDrawer as N } from "./HeaderDrawer.js";
-import { HeaderDropdown as w } from "./HeaderDropdown.js";
-import { HeaderLogo as y } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const B = "_header_57464_1", G = "_container_57464_7", I = "_nav_57464_53", t = {
-  header: B,
-  container: G,
-  nav: I
+import { HeaderDrawer as G } from "./HeaderDrawer.js";
+import { HeaderDropdown as H } from "./HeaderDropdown.js";
+import { HeaderLogo as N } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_container_1iojv_7", B = "_nav_1iojv_53", t = {
+  header: w,
+  container: y,
+  nav: B
 }, W = ({
   globalMenu: r,
-  desktopMenu: m,
-  mobileMenu: p,
-  locale: u,
+  desktopMenu: d,
+  mobileMenu: m,
+  locale: p,
   accountSelector: e,
-  logo: f = {},
-  badge: h,
-  onLoginClick: g
+  logo: u = {},
+  badge: f,
+  onLoginClick: h
 }) => {
-  const { currentId: o, toggleId: i, closeAll: c } = b(), x = () => {
-    i("account");
-  }, O = () => {
-    i("menu");
-  }, l = o === "account" || e?.forceOpenFullScreen || !1, [d, _] = A(!1), s = v();
+  const { currentId: o, toggleId: l, closeAll: c } = j(), g = () => {
+    l("account");
+  }, v = () => {
+    l("menu");
+  }, i = o === "account" || e?.forceOpenFullScreen || !1, [s, x] = F(!1), O = A();
   return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ a("div", { className: t.container, children: [
-    /* @__PURE__ */ n(y, { ...f, badge: h, className: t.logo }),
+    /* @__PURE__ */ n(N, { ...u, badge: f, className: t.logo }),
     /* @__PURE__ */ a("nav", { className: t.nav, children: [
-      e && /* @__PURE__ */ a(F, { children: [
+      e && /* @__PURE__ */ a(_, { children: [
         /* @__PURE__ */ n(
-          H,
+          D,
           {
             currentAccount: e.accountMenu?.currentAccount,
-            minimized: !s,
-            onClick: e.accountMenu?.currentAccount ? x : g,
-            expanded: l,
+            onClick: e.accountMenu?.currentAccount ? g : h,
+            expanded: i,
             loading: e.loading,
             disabled: e.forceOpenFullScreen
           }
         ),
         /* @__PURE__ */ n(
-          N,
+          G,
           {
             id: "header-account",
-            open: l,
+            open: i,
             onClose: c,
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
-            expanded: e?.forceOpenFullScreen || d,
-            onToggle: () => _(!d),
-            children: /* @__PURE__ */ n(D, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+            expanded: e?.forceOpenFullScreen || s,
+            onToggle: () => x(!s),
+            children: /* @__PURE__ */ n(C, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
           }
         )
       ] }),
       /* @__PURE__ */ n(
-        w,
+        H,
         {
           id: "header-menu",
           open: o === "menu",
@@ -70,19 +69,19 @@ import '../../assets/GlobalHeader.css';const B = "_header_57464_1", G = "_contai
           trigger: /* @__PURE__ */ n(
             k,
             {
-              onClick: O,
+              onClick: v,
               expanded: o === "menu",
               disabled: e?.forceOpenFullScreen,
               label: r?.menuLabel
             }
           ),
           children: /* @__PURE__ */ n(
-            C,
+            b,
             {
               ...r,
-              menu: s ? m || r?.menu : p || r?.menu,
+              menu: O ? d || r?.menu : m || r?.menu,
               onClose: c,
-              localeSwitcher: u,
+              localeSwitcher: p,
               isOpen: o === "menu"
             }
           )

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -1,20 +1,20 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { Badge as p } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Button as _ } from "../Button/Button.js";
+import { useRootContext as _ } from "../RootProvider/RootProvider.js";
+import { Button as d } from "../Button/Button.js";
 import "react-dom";
-import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as g } from "../../XMark-tKk6aExO.js";
 import { S as f } from "../../MenuHamburger-YjDC-ncP.js";
-import '../../assets/GlobalMenuButton2.css';const N = "_button_1ssrq_3", h = "_icon_1ssrq_14", k = "_label_1ssrq_22", y = "_badge_1ssrq_28", t = {
+import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_icon_e58u8_14", k = "_label_e58u8_22", y = "_badge_e58u8_28", t = {
   button: N,
   icon: h,
   label: k,
   badge: y
-}, M = (e) => {
-  switch (e) {
+}, M = (n) => {
+  switch (n) {
     case "nn":
       return {
         close: "Lukk meny"
@@ -28,37 +28,37 @@ import '../../assets/GlobalMenuButton2.css';const N = "_button_1ssrq_3", h = "_i
         close: "Lukk Meny"
       };
   }
-}, R = ({
-  className: e,
-  as: q = "button",
-  color: a = "company",
+}, T = ({
+  className: n,
+  as: x = "button",
+  color: r = "company",
   variant: c = "solid",
-  onClick: l,
-  expanded: s,
-  label: n = "Menu",
-  badge: r,
-  ...m
+  onClick: u,
+  expanded: o,
+  label: s = "Menu",
+  badge: a,
+  ...l
 }) => {
-  const { languageCode: i } = d(), { close: u } = M(i);
+  const { languageCode: m } = _(), { close: i } = M(m);
   return /* @__PURE__ */ b(
-    _,
+    d,
     {
-      ...m,
+      ...l,
       type: "button",
-      title: s ? u : n,
-      onClick: l,
-      color: a,
+      title: o ? i : s,
+      onClick: u,
+      color: r,
       variant: c,
       className: t.button,
-      "aria-expanded": s,
+      "aria-expanded": o,
       children: [
-        s ? /* @__PURE__ */ o(g, { className: t.icon, "aria-hidden": "true" }) : /* @__PURE__ */ o(f, { className: t.icon, "aria-hidden": "true" }),
-        /* @__PURE__ */ o("span", { className: t.label, children: n }),
-        r && /* @__PURE__ */ o(p, { ...r, className: t.badge })
+        o ? /* @__PURE__ */ e(g, { className: t.icon, "aria-hidden": "true" }) : /* @__PURE__ */ e(f, { className: t.icon, "aria-hidden": "true" }),
+        /* @__PURE__ */ e("span", { className: t.label, children: s }),
+        a && /* @__PURE__ */ e(p, { ...a, className: t.badge })
       ]
     }
   );
 };
 export {
-  R as GlobalMenuButton
+  T as GlobalMenuButton
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,121 +1,86 @@
-"use client";
-import { jsxs as u, Fragment as g, jsx as d } from "react/jsx-runtime";
-import f, { forwardRef as y, useRef as R, useEffect as w } from "react";
-import { Button as M } from "../Button/Button.js";
+import { jsxs as c, Fragment as f, jsx as r } from "react/jsx-runtime";
+import { useRef as N, useEffect as v } from "react";
+import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
+import { useRootContext as L } from "../RootProvider/RootProvider.js";
 import "react-dom";
-import { useRootContext as z } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { u as _ } from "../../useId-BVFxCjkq.js";
-import '../../assets/HeaderDrawer.css';var L = function(t, l) {
-  var n = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (n[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (n[e[r]] = t[e[r]]);
-  return n;
-};
-const N = y((t, l) => {
-  var { title: n, titleId: e } = t, r = L(t, ["title", "titleId"]);
-  let i = _();
-  return i = n ? e || "title-" + i : 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: l, "aria-labelledby": i }, r),
-    n ? f.createElement("title", { id: i }, n) : null,
-    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
-  );
-});
-var D = function(t, l) {
-  var n = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (n[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (n[e[r]] = t[e[r]]);
-  return n;
-};
-const P = y((t, l) => {
-  var { title: n, titleId: e } = t, r = D(t, ["title", "titleId"]);
-  let i = _();
-  return i = n ? e || "title-" + i : 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: l, "aria-labelledby": i }, r),
-    n ? f.createElement("title", { id: i }, n) : null,
-    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
-  );
-}), B = "_backdrop_1f6gf_11", F = "_drawer_1f6gf_28", V = "_footer_1f6gf_60", q = "_body_1f6gf_64", A = "_toggleButton_1f6gf_94", c = {
-  backdrop: B,
-  drawer: F,
-  footer: V,
-  body: q,
-  toggleButton: A
-}, W = ({
-  id: t,
-  open: l,
-  onClose: n,
-  closedBy: e = "any",
-  expanded: r,
-  onToggle: i,
-  children: O
+import { S as z } from "../../ChevronUp-hn05LboH.js";
+import { S as j } from "../../ChevronDown-D_a7nb-G.js";
+import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_drawer_1f6gf_28", R = "_footer_1f6gf_60", F = "_body_1f6gf_64", V = "_toggleButton_1f6gf_94", n = {
+  backdrop: I,
+  drawer: M,
+  footer: R,
+  body: F,
+  toggleButton: V
+}, O = ({
+  id: l,
+  open: i,
+  onClose: a,
+  closedBy: o = "any",
+  expanded: m,
+  onToggle: b,
+  children: _
 }) => {
-  const { languageCode: E } = z(), p = H(E), m = R(null);
-  w(() => {
-    const o = m.current, s = (a) => {
-      const { clientY: v, clientX: h, target: I } = a;
-      if (a instanceof KeyboardEvent && a.key === "Escape") {
-        if (e === "none") {
-          a.preventDefault();
+  const { languageCode: w } = L(), u = q(w), d = N(null);
+  v(() => {
+    const e = d.current, s = (t) => {
+      const { clientY: p, clientX: h, target: y } = t;
+      if (t instanceof KeyboardEvent && t.key === "Escape") {
+        if (o === "none") {
+          t.preventDefault();
           return;
         }
-        n();
+        a();
         return;
       }
-      if (!window.getSelection()?.toString() && o && I === o && e === "any") {
-        const { top: j, left: k, right: S, bottom: C } = o.getBoundingClientRect();
-        j <= v && v <= C && k <= h && h <= S || o?.close();
+      if (!window.getSelection()?.toString() && e && y === e && o === "any") {
+        const { top: E, left: S, right: x, bottom: C } = e.getBoundingClientRect();
+        E <= p && p <= C && S <= h && h <= x || e?.close();
       }
-    }, b = () => {
-      const a = o?.querySelector("[autofocus]");
-      document.activeElement !== a && a?.focus();
+    }, g = () => {
+      const t = e?.querySelector("[autofocus]");
+      document.activeElement !== t && t?.focus();
     };
-    return o?.addEventListener("animationend", b), o?.addEventListener("click", s), o?.addEventListener("keydown", s), () => {
-      o?.removeEventListener("animationend", b), o?.removeEventListener("click", s), o?.removeEventListener("keydown", s);
+    return e?.addEventListener("animationend", g), e?.addEventListener("click", s), e?.addEventListener("keydown", s), () => {
+      e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
     };
-  }, [e, n]), w(() => {
-    const o = m.current;
-    o && (l ? o.open || o.showModal() : o.open && o.close());
-  }, [l]);
-  const x = (o) => {
-    o.preventDefault(), e === "any" && n();
+  }, [o, a]), v(() => {
+    const e = d.current;
+    e && (i ? e.open || e.showModal() : e.open && e.close());
+  }, [i]);
+  const k = (e) => {
+    e.preventDefault(), o === "any" && a();
   };
-  return /* @__PURE__ */ u(g, { children: [
-    /* @__PURE__ */ d("div", { className: c.backdrop, "aria-hidden": !l }),
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ r("div", { className: n.backdrop, "aria-hidden": !i }),
+    /* @__PURE__ */ c(
       "dialog",
       {
-        id: t,
-        ref: m,
+        id: l,
+        ref: d,
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
-        "data-open": l,
-        "data-expanded": r,
-        onCancel: x,
-        className: c.drawer,
-        onClose: e !== "none" ? n : void 0,
+        "data-open": i,
+        "data-expanded": m,
+        onCancel: k,
+        className: n.drawer,
+        onClose: o !== "none" ? a : void 0,
         children: [
-          /* @__PURE__ */ d("div", { className: c.body, children: O }),
-          e !== "none" && /* @__PURE__ */ d("footer", { className: c.footer, children: /* @__PURE__ */ d(M, { className: c.toggleButton, variant: "outline", onClick: i, children: r ? /* @__PURE__ */ u(g, { children: [
-            /* @__PURE__ */ d(P, { className: c.btnIcon, "aria-hidden": "true" }),
-            p.minimize
-          ] }) : /* @__PURE__ */ u(g, { children: [
-            /* @__PURE__ */ d(N, { className: c.btnIcon, "aria-hidden": "true" }),
-            p.fullscreen
+          /* @__PURE__ */ r("div", { className: n.body, children: _ }),
+          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: b, children: m ? /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ r(z, { className: n.btnIcon, "aria-hidden": "true" }),
+            u.minimize
+          ] }) : /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ r(j, { className: n.btnIcon, "aria-hidden": "true" }),
+            u.fullscreen
           ] }) }) })
         ]
       }
     )
   ] });
-}, H = (t) => {
-  switch (t) {
+}, q = (l) => {
+  switch (l) {
     case "nn":
       return {
         minimize: "Minimer",
@@ -134,5 +99,5 @@ const P = y((t, l) => {
   }
 };
 export {
-  W as HeaderDrawer
+  O as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
+import "../Button/Button.js";
 import "../Snackbar/useSnackbar.js";
 import { Dropdown as m } from "../Dropdown/Dropdown.js";
 import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", i = {

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -3,8 +3,8 @@ import { c as l } from "../../index-p1eeF8LQ.js";
 import { Badge as c } from "../Badge/Badge.js";
 import { Button as g } from "../Button/Button.js";
 import "react";
-import "react-dom";
 import { useRootContext as p } from "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { DigdirLogomark as x } from "./DigdirLogomark.js";
 import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {

package/dist/components/GlobalHeader/index.js

@@ -1,6 +1,8 @@
 import { GlobalHeader as r } from "./GlobalHeader.js";
-import { GlobalMenuButton as t } from "./GlobalMenuButton.js";
+import { GlobalMenuButton as l } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as n } from "./GlobalAccountButton.js";
 export {
+  n as GlobalAccountButton,
   r as GlobalHeader,
-  t as GlobalMenuButton
+  l as GlobalMenuButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { useState as d, useCallback as L, useEffect as C, useMemo as G } from "react";
-import { M as S } from "../../SearchField-QTfebYdU.js";
+import { M as S } from "../../SearchField-BU7Imhpe.js";
 import "../../index-p1eeF8LQ.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { LocaleSwitcher as v } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuListItem as x } from "../Menu/MenuListItem.js";

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -2,11 +2,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as g, useMemo as l } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { a as h } from "../../SearchField-QTfebYdU.js";
+import { a as h } from "../../SearchField-BU7Imhpe.js";
 import "../../index-p1eeF8LQ.js";
+import { useRootContext as b } from "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as b } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S } from "../../Checkmark-Byz_C9x4.js";
 import { S as x } from "../../ArrowUndo-hge1gMu8.js";

package/dist/components/GlobalMenu/LogoutButton.js

@@ -2,8 +2,8 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
   button: m

package/dist/components/GlobalMenu_old/BackButton.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
+import { MenuItem as i } from "../Menu/MenuItem.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { MenuItem as i } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
 import { S as p } from "../../ArrowUndo-hge1gMu8.js";
 const x = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });

package/dist/components/GlobalMenu_old/CurrentAccount.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as n } from "../Menu/MenuItem.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 const a = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
   n,

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -3,11 +3,11 @@ import { jsxs as m, jsx as r, Fragment as C } from "react/jsx-runtime";
 import { useState as G, useMemo as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import { AccountMenu as x } from "../Account/AccountMenu.js";
+import { M as f } from "../../SearchField-BU7Imhpe.js";
+import { MenuListItem as h } from "../Menu/MenuListItem.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-QTfebYdU.js";
-import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import { CurrentAccount as y } from "./CurrentAccount.js";
 import { BackButton as j } from "./BackButton.js";
 import { LogoutButton as k } from "./LogoutButton.js";

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -3,15 +3,15 @@ import { c as l } from "../../index-p1eeF8LQ.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import { Avatar as f } from "../Avatar/Avatar.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { Button as u } from "../Button/Button.js";
 import { ButtonIcon as I } from "../Button/ButtonIcon.js";
 import { ButtonLabel as h } from "../Button/ButtonLabel.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as N } from "../../XMark-tKk6aExO.js";
 import { S as g } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/GlobalMenuButton.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", S = "_avatar_1uh95_19", k = "_icon_1uh95_44", L = "_badge_1uh95_50", n = {
+import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", S = "_avatar_1uh95_19", k = "_icon_1uh95_44", L = "_badge_1uh95_50", n = {
   button: v,
   avatarIcon: b,
   loginIcon: B,

package/dist/components/GlobalMenu_old/LogoutButton.js

@@ -2,8 +2,8 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
   button: m

package/dist/components/Header/Header.js

@@ -3,11 +3,11 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as H } from "../../hooks/useIsDesktop.js";
+import { useRootContext as S } from "../RootProvider/RootProvider.js";
+import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import "../Button/Button.js";
-import { DropdownBase as S } from "../Dropdown/DropdownBase.js";
 import "react-dom";
-import { DrawerBase as k } from "../Dropdown/DrawerBase.js";
-import { useRootContext as B } from "../RootProvider/RootProvider.js";
+import { DrawerBase as B } from "../Dropdown/DrawerBase.js";
 import { GlobalMenu_old as u } from "../GlobalMenu_old/GlobalMenu.js";
 import { GlobalMenuButton_old as D } from "../GlobalMenu_old/GlobalMenuButton.js";
 import { HeaderBase as I } from "./HeaderBase.js";
@@ -31,7 +31,7 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
   logo: x = {},
   badge: C
 }) => {
-  const { currentId: e, toggleId: p, openId: v, closeAll: t } = B(), i = () => {
+  const { currentId: e, toggleId: p, openId: v, closeAll: t } = S(), i = () => {
     v("search");
   }, c = () => {
     p("search");
@@ -60,7 +60,7 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
               }
             ),
             r && /* @__PURE__ */ o(
-              S,
+              k,
               {
                 layout: "desktop",
                 padding: !0,
@@ -82,7 +82,7 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
           ] })
         ] }),
         n && !l && /* @__PURE__ */ o(h, { expanded: e === "search", children: /* @__PURE__ */ o(f, { ...n, expanded: e === "search", onClose: c, onFocus: i }) }),
-        r && /* @__PURE__ */ o(k, { open: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(
+        r && /* @__PURE__ */ o(B, { open: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(
           u,
           {
             ...r,

package/dist/components/Header/HeaderBase.js

@@ -1,10 +1,10 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_dg4o1_1", n = "_backdrop_dg4o1_17", r = {
   header: i,

package/dist/components/Header/HeaderButton.js

@@ -6,8 +6,8 @@ import { Badge as p } from "../Badge/Badge.js";
 import { Button as _ } from "../Button/Button.js";
 import "react";
 import { Icon as f } from "../Icon/Icon.js";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as I } from "../../XMark-tKk6aExO.js";
 import { S as q } from "../../PadlockLocked-XL1IB5Ae.js";

package/dist/components/Header/LocaleButton.js

@@ -2,9 +2,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as m } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { Button as s } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as i } from "../../Globe-BcPkcH4E.js";
 import '../../assets/LocaleButton.css';const p = "_button_mvy87_1", c = "_expanded_mvy87_13", o = {