@altinn/altinn-components 0.44.4 → 0.45.0

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,58 +1,80 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
-import "react";
-import { Avatar as u } from "../Avatar/Avatar.js";
-import { Badge as I } from "../Badge/Badge.js";
-import { ButtonBase as h } from "../Button/ButtonBase.js";
-import { ButtonLabel as d } from "../Button/ButtonLabel.js";
-import { ButtonIcon as f } from "../Button/ButtonIcon.js";
+"use client";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { c as f } from "../../index-L8X2o7IH.js";
+import s, { forwardRef as _ } from "react";
+import { useIsDesktop as y } from "../../hooks/useIsDesktop.js";
+import { Badge as p } from "../Badge/Badge.js";
+import { ButtonBase as b } from "../Button/ButtonBase.js";
+import { ButtonLabel as g } from "../Button/ButtonLabel.js";
+import { ButtonIcon as h } from "../Button/ButtonIcon.js";
 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", a = {
-  button: v,
-  avatarIcon: b,
-  loginIcon: B,
-  closeIcon: x,
-  avatar: S,
-  icon: k,
-  badge: L
+import { S as v } from "../../XMark-tKk6aExO.js";
+import { u as w } from "../../useId-BVFxCjkq.js";
+import '../../assets/GlobalMenuButton2.css';var O = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[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]) && (o[e[r]] = t[e[r]]);
+  return o;
+};
+const I = _((t, l) => {
+  var { title: o, titleId: e } = t, r = O(t, ["title", "titleId"]);
+  let a = w();
+  return a = o ? e || "title-" + a : void 0, s.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": a }, r),
+    o ? s.createElement("title", { id: a }, o) : null,
+    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.75 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17A.75.75 0 0 1 2.75 6m0 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17a.75.75 0 0 1-.75-.75m.75 5.25a.75.75 0 0 0 0 1.5h17a.75.75 0 0 0 0-1.5z", clipRule: "evenodd" })
+  );
+}), x = "_button_1g9ar_1", j = "_icon_1g9ar_25", B = "_badge_1g9ar_31", i = {
+  button: x,
+  icon: j,
+  badge: B
 }, H = ({
   className: t,
-  as: s = "button",
-  color: i = "accent",
-  variant: m = "solid",
-  currentAccount: c,
-  expanded: p,
-  label: r = "Menu",
-  badge: n,
-  ...e
-}) => p ? /* @__PURE__ */ l(h, { ...e, as: s, variant: m, color: i, className: _(a.button, t), children: [
-  /* @__PURE__ */ o(d, { children: r }),
-  /* @__PURE__ */ o(f, { className: a.closeIcon, icon: /* @__PURE__ */ o(N, { className: a.icon, "aria-label": "Close Icon" }) }),
-  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
-] }) : c ? /* @__PURE__ */ l(h, { ...e, as: s, variant: m, color: i, className: _(a.button, t), children: [
-  /* @__PURE__ */ o(d, { children: r }),
-  /* @__PURE__ */ o(
-    f,
+  as: l = "button",
+  color: o = "accent",
+  variant: e = "solid",
+  expanded: r,
+  label: a = "Menu",
+  badge: c,
+  ...m
+}) => {
+  const u = y();
+  return r ? /* @__PURE__ */ d(
+    b,
     {
-      className: a.avatarIcon,
-      icon: /* @__PURE__ */ o(u, { ...c == null ? void 0 : c.icon, className: a.avatar })
+      ...m,
+      as: l,
+      type: "button",
+      variant: e,
+      color: o,
+      className: f(i.button, t),
+      children: [
+        u && /* @__PURE__ */ n(h, { className: i.closeIcon, icon: /* @__PURE__ */ n(v, { className: i.icon, "aria-label": "Close" }) }),
+        /* @__PURE__ */ n(g, { children: a }),
+        c && /* @__PURE__ */ n(p, { ...c, className: i.badge })
+      ]
     }
-  ),
-  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
-] }) : /* @__PURE__ */ l(h, { ...e, as: s, variant: m, color: i, className: _(a.button, t), children: [
-  /* @__PURE__ */ o(d, { children: r }),
-  /* @__PURE__ */ o(
-    f,
+  ) : /* @__PURE__ */ d(
+    b,
     {
-      className: a.loginIcon,
-      icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Login Icon" })
+      ...m,
+      as: l,
+      type: "button",
+      variant: e,
+      color: o,
+      className: f(i.button, t),
+      children: [
+        u && /* @__PURE__ */ n(h, { icon: /* @__PURE__ */ n(I, { className: i.icon, "aria-hidden": !0 }) }),
+        /* @__PURE__ */ n(g, { children: a }),
+        c && /* @__PURE__ */ n(p, { ...c, className: i.badge })
+      ]
     }
-  ),
-  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
-] });
+  );
+};
 export {
   H as GlobalMenuButton
 };

package/dist/components/GlobalMenu/LocaleButton.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MenuItem as r } from "../Menu/MenuItem.js";
+import "../Snackbar/useSnackbar.js";
+import { S as m } from "../../Globe-BcPkcH4E.js";
+const a = ({ onClick: o }) => /* @__PURE__ */ t(r, { size: "sm", icon: m, title: "Språk/language", onClick: o });
+export {
+  a as LocaleButton
+};

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as d, useMemo as f } from "react";
+import { useEnterKey as g } from "../../hooks/useEnterKey.js";
+import "../../index-L8X2o7IH.js";
+import { useRootContext as h } from "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { MenuItems as k } from "../Menu/MenuItems.js";
+import { S as v } from "../../Checkmark-Byz_C9x4.js";
+const M = ({ title: c = "Select language", options: i, onSelect: r }) => {
+  const s = d(null), { currentId: u, closeAll: a } = h(), l = u === "locale", m = f(() => i.map((e) => ({
+    ...e,
+    id: String(e.value),
+    tabIndex: -1,
+    groupId: "locales",
+    icon: e.checked ? v : /* @__PURE__ */ o("span", { "aria-hidden": "true" }),
+    onClick: () => {
+      r == null || r(String(e.value)), a();
+    }
+  })), [i, r]), p = {
+    locales: { title: c || "Språk/language" }
+  };
+  return g((e) => {
+    var n;
+    if (l) {
+      e.preventDefault();
+      const t = (n = s.current) == null ? void 0 : n.querySelector('[data-active="true"]');
+      t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
+    }
+  }), /* @__PURE__ */ o("div", { ref: s, "data-testid": "locale-switcher", children: /* @__PURE__ */ o(k, { groups: p, items: m, keyboardEvents: !0 }) });
+};
+export {
+  M as LocaleSwitcher
+};

package/dist/components/GlobalMenu/index.js

@@ -1,14 +1,8 @@
-import { CurrentAccount as t } from "./CurrentAccount.js";
-import { BackButton as n } from "./BackButton.js";
-import { LogoutButton as f } from "./LogoutButton.js";
-import { EndUserLabel as p } from "./EndUserLabel.js";
-import { GlobalMenu as l } from "./GlobalMenu.js";
-import { GlobalMenuButton as B } from "./GlobalMenuButton.js";
+import { GlobalMenu as r } from "./GlobalMenu.js";
+import { GlobalMenuButton as l } from "./GlobalMenuButton.js";
+import { LocaleSwitcher as f } from "./LocaleSwitcher.js";
 export {
-  n as BackButton,
-  t as CurrentAccount,
-  p as EndUserLabel,
-  l as GlobalMenu,
-  B as GlobalMenuButton,
-  f as LogoutButton
+  r as GlobalMenu,
+  l as GlobalMenuButton,
+  f as LocaleSwitcher
 };

package/dist/components/GlobalMenu_old/BackButton.js

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

package/dist/components/GlobalMenu_old/EndUserLabel.js

@@ -0,0 +1,13 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { S as l } from "../../PersonCircle-DlX_3kRO.js";
+import '../../assets/EndUserLabel.css';const n = "_text_1tx3s_1", o = "_icon_1tx3s_11", c = "_label_1tx3s_15", s = {
+  text: n,
+  icon: o,
+  label: c
+}, x = ({ children: e }) => /* @__PURE__ */ a("p", { className: s.text, children: [
+  /* @__PURE__ */ t(l, { className: s.icon, "aria-hidden": !0 }),
+  /* @__PURE__ */ t("span", { className: s.label, children: e })
+] });
+export {
+  x as EndUserLabel
+};

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsxs as s, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { useState as H, useMemo as W } from "react";
+import "../../index-L8X2o7IH.js";
+import { AccountMenu as _ } from "../Account/AccountMenu.js";
+import "../RootProvider/RootProvider.js";
+import { CurrentAccount as q } from "./CurrentAccount.js";
+import { BackButton as w } from "./BackButton.js";
+import { LogoutButton as G } from "./LogoutButton.js";
+import { MenuListItem as x } from "../Menu/MenuBase.js";
+import { Menu as y } from "../Menu/Menu.js";
+import "../Snackbar/useSnackbar.js";
+import { GlobalMenuBase as g, GlobalMenuHeader as z, GlobalMenuFooter as b } from "./GlobalMenuBase.js";
+const V = ({
+  accountMenu: m,
+  menu: l,
+  backLabel: j = "Back",
+  currentAccount: p,
+  onSelectAccount: f,
+  onClose: a,
+  logoutButton: t,
+  ariaLabel: h = "Menu"
+}) => {
+  var v;
+  const [B, F] = H(!1), k = () => {
+    F((i) => !i);
+  }, M = (i) => {
+    k(), a == null || a(), f == null || f(i);
+  }, o = W(() => ((l == null ? void 0 : l.items) ?? []).map((i) => ({
+    ...i,
+    onClick: () => {
+      var d;
+      (d = i.onClick) == null || d.call(i), a == null || a();
+    },
+    items: Array.isArray(i.items) ? i.items.map((d) => ({
+      ...d,
+      onClick: () => {
+        var e;
+        (e = d.onClick) == null || e.call(d), a == null || a();
+      }
+    })) : void 0
+  })), [l, a]);
+  if (B)
+    return /* @__PURE__ */ s(g, { "aria-label": h, children: [
+      /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(w, { onClick: k, label: j }) }),
+      /* @__PURE__ */ r(x, { as: "div", role: "separator" }),
+      m && /* @__PURE__ */ r(_, { ...m, currentAccount: p, onSelectAccount: M })
+    ] });
+  if (p) {
+    const i = m && ((v = m == null ? void 0 : m.items) == null ? void 0 : v.length) > 1;
+    return /* @__PURE__ */ s(g, { "aria-label": h, color: p == null ? void 0 : p.type, children: [
+      p && /* @__PURE__ */ s(T, { children: [
+        /* @__PURE__ */ r(
+          q,
+          {
+            account: p,
+            multipleAccounts: i,
+            as: i ? "button" : "div",
+            onClick: i ? k : void 0
+          }
+        ),
+        /* @__PURE__ */ r(x, { as: "div", role: "separator" })
+      ] }),
+      l && /* @__PURE__ */ r(y, { ...l, items: o }),
+      t && /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(G, { ...t }) })
+    ] });
+  }
+  return /* @__PURE__ */ s(g, { "aria-label": h, children: [
+    l && /* @__PURE__ */ r(y, { ...l, items: o }),
+    t && /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(G, { ...t }) })
+  ] });
+};
+export {
+  V as GlobalMenu_old
+};

package/dist/components/GlobalMenu_old/GlobalMenuBase.js

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

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -0,0 +1,58 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { c as _ } from "../../index-L8X2o7IH.js";
+import "react";
+import { Avatar as u } from "../Avatar/Avatar.js";
+import { Badge as I } from "../Badge/Badge.js";
+import { ButtonBase as h } from "../Button/ButtonBase.js";
+import { ButtonLabel as d } from "../Button/ButtonLabel.js";
+import { ButtonIcon as f } from "../Button/ButtonIcon.js";
+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", a = {
+  button: v,
+  avatarIcon: b,
+  loginIcon: B,
+  closeIcon: x,
+  avatar: S,
+  icon: k,
+  badge: L
+}, H = ({
+  className: t,
+  as: s = "button",
+  color: i = "accent",
+  variant: m = "solid",
+  currentAccount: c,
+  expanded: p,
+  label: l = "Menu",
+  badge: n,
+  ...r
+}) => p ? /* @__PURE__ */ e(h, { ...r, as: s, variant: m, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: l }),
+  /* @__PURE__ */ o(f, { className: a.closeIcon, icon: /* @__PURE__ */ o(N, { className: a.icon, "aria-label": "Close Icon" }) }),
+  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
+] }) : c ? /* @__PURE__ */ e(h, { ...r, as: s, variant: m, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: l }),
+  /* @__PURE__ */ o(
+    f,
+    {
+      className: a.avatarIcon,
+      icon: /* @__PURE__ */ o(u, { ...c == null ? void 0 : c.icon, className: a.avatar })
+    }
+  ),
+  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
+] }) : /* @__PURE__ */ e(h, { ...r, as: s, variant: m, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: l }),
+  /* @__PURE__ */ o(
+    f,
+    {
+      className: a.loginIcon,
+      icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Login Icon" })
+    }
+  ),
+  n && /* @__PURE__ */ o(I, { ...n, className: a.badge })
+] });
+export {
+  H as GlobalMenuButton_old
+};

package/dist/components/GlobalMenu_old/LogoutButton.js

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ButtonBase as r } from "../Button/ButtonBase.js";
+import { ButtonLabel as s } from "../Button/ButtonLabel.js";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/LogoutButton.css';const i = "_button_1260s_1", a = "_label_1260s_5", o = {
+  button: i,
+  label: a
+}, B = ({ label: l = "Logout", children: e, onClick: n }) => /* @__PURE__ */ t(r, { className: o.button, variant: "outline", size: "lg", onClick: n, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: e || l }) });
+export {
+  B as LogoutButton
+};

package/dist/components/GlobalMenu_old/index.js

@@ -0,0 +1,14 @@
+import { CurrentAccount as t } from "./CurrentAccount.js";
+import { BackButton as n } from "./BackButton.js";
+import { LogoutButton as l } from "./LogoutButton.js";
+import { EndUserLabel as m } from "./EndUserLabel.js";
+import { GlobalMenu_old as x } from "./GlobalMenu.js";
+import { GlobalMenuButton_old as B } from "./GlobalMenuButton.js";
+export {
+  n as BackButton,
+  t as CurrentAccount,
+  m as EndUserLabel,
+  B as GlobalMenuButton_old,
+  x as GlobalMenu_old,
+  l as LogoutButton
+};

package/dist/components/Header/Header.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.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 { DrawerBase as B } from "../Dropdown/DrawerBase.js";
-import { useIsDesktop as D } from "../../hooks/useIsDesktop.js";
-import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as I } from "../GlobalMenu/GlobalMenuButton.js";
-import { HeaderBase as l } from "./HeaderBase.js";
+import { GlobalMenu_old as f } from "../GlobalMenu_old/GlobalMenu.js";
+import { GlobalMenuButton_old as D } from "../GlobalMenu_old/GlobalMenuButton.js";
+import { HeaderBase as I } from "./HeaderBase.js";
 import { HeaderLogo as F } from "./HeaderLogo.js";
 import { HeaderGroup as G } from "./HeaderGroup.js";
 import { HeaderSearch as w } from "./HeaderSearch.js";
 import { LocaleSwitcher as L } from "./LocaleSwitcher.js";
-import { Searchbar as x } from "../Searchbar/Searchbar.js";
+import { Searchbar as _ } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Header.css';const N = "_drawer_afyu3_1", j = "_dropdown_afyu3_6", z = "_relative_afyu3_19", n = {
   drawer: N,
@@ -21,38 +21,38 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", j = "_dropdown_afy
   relative: z
 }, A = ({
   globalMenu: e,
-  desktopMenu: _,
+  desktopMenu: x,
   mobileMenu: C,
   locale: p,
   search: s,
   currentAccount: t,
   logo: u = {},
-  badge: v
+  badge: l
 }) => {
-  const { currentId: r, toggleId: i, openId: y, closeAll: m } = S(), c = () => {
-    y("search");
+  const { currentId: r, toggleId: i, openId: v, closeAll: d } = S(), c = () => {
+    v("search");
   }, a = () => {
     i("search");
-  }, H = () => {
+  }, y = () => {
     i("menu");
-  }, h = D();
-  return /* @__PURE__ */ d(
-    l,
+  }, h = H();
+  return /* @__PURE__ */ m(
+    I,
     {
       currentId: r,
       open: r === "search" || r === "menu" || r === "locale",
-      onClose: m,
+      onClose: d,
       children: [
-        /* @__PURE__ */ o(F, { ...u, badge: v }),
-        s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
-        /* @__PURE__ */ d(G, { children: [
+        /* @__PURE__ */ o(F, { ...u, badge: l }),
+        s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        /* @__PURE__ */ m(G, { children: [
           p && /* @__PURE__ */ o(L, { ...p }),
-          /* @__PURE__ */ d("div", { className: n.relative, children: [
+          /* @__PURE__ */ m("div", { className: n.relative, children: [
             /* @__PURE__ */ o(
-              I,
+              D,
               {
                 currentAccount: t,
-                onClick: H,
+                onClick: y,
                 expanded: r === "menu",
                 label: e == null ? void 0 : e.menuLabel
               }
@@ -70,23 +70,23 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", j = "_dropdown_afy
                   f,
                   {
                     ...e,
-                    menu: _ || (e == null ? void 0 : e.menu),
+                    menu: x || (e == null ? void 0 : e.menu),
                     currentAccount: t,
-                    onClose: m
+                    onClose: d
                   }
                 )
               }
             )
           ] })
         ] }),
-        s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
         e && /* @__PURE__ */ o(B, { open: r === "menu", className: n.drawer, children: /* @__PURE__ */ o(
           f,
           {
             ...e,
             menu: C || (e == null ? void 0 : e.menu),
             currentAccount: t,
-            onClose: m
+            onClose: d
           }
         ) })
       ]

package/dist/components/Header/LocaleButton.js

@@ -1,44 +1,27 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import a, { forwardRef as c } from "react";
-import { IconButton as m } from "../Button/IconButton.js";
+import "react";
+import { IconButton as r } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { u } from "../../useId-BVFxCjkq.js";
-import '../../assets/LocaleButton.css';var d = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
-  return o;
-};
-const f = c((e, n) => {
-  var { title: o, titleId: t } = e, r = d(e, ["title", "titleId"]);
-  let l = u();
-  return l = o ? t || "title-" + l : void 0, a.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: n, "aria-labelledby": l }, r),
-    o ? a.createElement("title", { id: l }, o) : null,
-    a.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" })
-  );
-}), s = "_button_utwi0_1", p = {
+import { S as m } from "../../Globe-BcPkcH4E.js";
+import '../../assets/LocaleButton.css';const s = "_button_utwi0_1", c = {
   button: s
-}, _ = ({ id: e = "language-switcher", expanded: n, onClick: o, onBlurCapture: t }) => /* @__PURE__ */ i(
-  m,
+}, f = ({ id: t = "language-switcher", expanded: o, onClick: e, onBlurCapture: n }) => /* @__PURE__ */ i(
+  r,
   {
-    className: p.button,
+    className: c.button,
     size: "md",
-    icon: f,
+    icon: m,
     iconSize: "md",
     variant: "text",
-    selected: n,
-    onClick: o,
-    iconAltText: `Open ${e}`,
-    onBlurCapture: t
+    selected: o,
+    onClick: e,
+    iconAltText: `Open ${t}`,
+    onBlurCapture: n
   }
 );
 export {
-  _ as LocaleButton
+  f as LocaleButton
 };

package/dist/components/Layout/Layout.js

@@ -1,41 +1,43 @@
 "use client";
 import { jsxs as p, jsx as m } from "react/jsx-runtime";
-import { LayoutBase as h } from "./LayoutBase.js";
-import { LayoutBody as L } from "./LayoutBody.js";
-import { LayoutContent as x } from "./LayoutContent.js";
-import { LayoutSidebar as j } from "./LayoutSidebar.js";
-import { Footer as B } from "../Footer/Footer.js";
-import { Header as C } from "../Header/Header.js";
+import { LayoutBase as L } from "./LayoutBase.js";
+import { LayoutBody as x } from "./LayoutBody.js";
+import { LayoutContent as j } from "./LayoutContent.js";
+import { LayoutSidebar as B } from "./LayoutSidebar.js";
+import { Footer as C } from "../Footer/Footer.js";
+import { GlobalHeader as F } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useRootContext as S } from "../RootProvider/RootProvider.js";
-import { Menu as F } from "../Menu/Menu.js";
+import { useRootContext as H } from "../RootProvider/RootProvider.js";
+import { Menu as S } from "../Menu/Menu.js";
+import { Header as G } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
-import { SkipLink as H } from "../SkipLink/SkipLink.js";
-const J = ({
+import { SkipLink as I } from "../SkipLink/SkipLink.js";
+const O = ({
   color: c,
   theme: f = "subtle",
-  header: u,
+  header: t,
   footer: n,
   sidebar: o,
-  content: t = {},
+  content: l = {},
   children: y,
-  skipLink: r
+  skipLink: r,
+  useGlobalHeader: h = !1
 }) => {
-  const { currentId: l } = S();
-  return /* @__PURE__ */ p(h, { color: c, theme: f, currentId: l, children: [
-    r && /* @__PURE__ */ m(H, { ...r }),
-    u && /* @__PURE__ */ m(C, { ...u }),
-    /* @__PURE__ */ p(L, { currentId: l, children: [
-      o && /* @__PURE__ */ p(j, { hidden: o == null ? void 0 : o.hidden, color: o == null ? void 0 : o.color, ...o, children: [
-        (o == null ? void 0 : o.menu) && /* @__PURE__ */ m(F, { ...o == null ? void 0 : o.menu }),
+  const { currentId: u } = H();
+  return /* @__PURE__ */ p(L, { color: c, theme: u === "accountFullscreen" ? "default" : f, currentId: u, children: [
+    r && /* @__PURE__ */ m(I, { ...r }),
+    t && (h ? /* @__PURE__ */ m(F, { ...t }) : /* @__PURE__ */ m(G, { ...t })),
+    /* @__PURE__ */ p(x, { currentId: u, children: [
+      o && /* @__PURE__ */ p(B, { hidden: o == null ? void 0 : o.hidden, color: o == null ? void 0 : o.color, ...o, children: [
+        (o == null ? void 0 : o.menu) && /* @__PURE__ */ m(S, { ...o == null ? void 0 : o.menu }),
         o == null ? void 0 : o.children
       ] }),
-      /* @__PURE__ */ m(x, { color: t == null ? void 0 : t.color, id: "main-content", children: y })
+      /* @__PURE__ */ m(j, { color: l == null ? void 0 : l.color, id: "main-content", children: y })
     ] }),
-    n && /* @__PURE__ */ m(B, { ...n })
+    n && /* @__PURE__ */ m(C, { ...n })
   ] });
 };
 export {
-  J as Layout
+  O as Layout
 };

package/dist/components/Layout/LayoutBody.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import '../../assets/LayoutBody.css';const s = "_body_18zk9_1", r = {
+import '../../assets/LayoutBody.css';const s = "_body_1voih_1", r = {
   body: s
 }, a = ({ currentId: o, children: t }) => /* @__PURE__ */ d("div", { className: r.body, "data-current-id": o, children: t });
 export {