@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,121 +1,84 @@
-"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 D, useEffect as p } from "react";
+import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
+import { x as S, J as z, K as j } from "../../Section-jhq4n77E.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 '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_drawer_1f6gf_28", R = "_footer_1f6gf_60", F = "_body_1f6gf_64", K = "_toggleButton_1f6gf_94", t = {
+  backdrop: I,
+  drawer: M,
+  footer: R,
+  body: F,
+  toggleButton: K
+}, Y = ({
+  id: l,
+  open: i,
+  onClose: a,
+  closedBy: o = "any",
+  expanded: u,
+  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 } = S(), m = V(w), d = D(null);
+  p(() => {
+    const e = d.current, s = (n) => {
+      const { clientY: h, clientX: v, target: y } = n;
+      if (n instanceof KeyboardEvent && n.key === "Escape") {
+        if (o === "none") {
+          n.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: x, right: C, bottom: N } = e.getBoundingClientRect();
+        E <= h && h <= N && x <= v && v <= C || e?.close();
       }
-    }, b = () => {
-      const a = o?.querySelector("[autofocus]");
-      document.activeElement !== a && a?.focus();
+    }, g = () => {
+      const n = e?.querySelector("[autofocus]");
+      document.activeElement !== n && n?.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]), p(() => {
+    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: t.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": u,
+        onCancel: k,
+        className: t.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: t.body, children: _ }),
+          o !== "none" && /* @__PURE__ */ r("footer", { className: t.footer, children: /* @__PURE__ */ r(L, { className: t.toggleButton, variant: "outline", onClick: b, children: u ? /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ r(z, { className: t.btnIcon, "aria-hidden": "true" }),
+            m.minimize
+          ] }) : /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ r(j, { className: t.btnIcon, "aria-hidden": "true" }),
+            m.fullscreen
           ] }) }) })
         ]
       }
     )
   ] });
-}, H = (t) => {
-  switch (t) {
+}, V = (l) => {
+  switch (l) {
     case "nn":
       return {
         minimize: "Minimer",
@@ -134,5 +97,5 @@ const P = y((t, l) => {
   }
 };
 export {
-  W as HeaderDrawer
+  Y as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

@@ -1,16 +1,15 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { g as m } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as m } from "../Dropdown/Dropdown.js";
-import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", i = {
+import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", s = {
   dropdown: e
-}, f = ({ id: o, open: r, onClose: d, trigger: p, children: t }) => /* @__PURE__ */ n(
+}, b = ({ id: o, open: r, onClose: d, trigger: p, children: t }) => /* @__PURE__ */ n(
   m,
   {
-    className: i.dropdown,
+    className: s.dropdown,
     id: o,
     open: r,
     trigger: p,
@@ -22,5 +21,5 @@ import '../../assets/HeaderDropdown.css';const e = "_dropdown_cdjbb_3", i = {
   }
 );
 export {
-  f as HeaderDropdown
+  b as HeaderDropdown
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -3,10 +3,10 @@ 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 { x } from "../../Section-jhq4n77E.js";
 import "react-dom";
-import { useRootContext as p } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { DigdirLogomark as x } from "./DigdirLogomark.js";
+import { DigdirLogomark as p } from "./DigdirLogomark.js";
 import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
   logo: d,
   logomark: _,
@@ -14,10 +14,10 @@ import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_
 }, k = {
   nn: "Gå til framsida",
   en: "Go to homepage"
-}, C = ({ className: m, as: n = "a", href: s = "/", badge: r }) => {
-  const { languageCode: e } = p(), a = k[e ?? ""] ?? "Gå til forsiden";
-  return /* @__PURE__ */ i(g, { variant: "ghost", as: n, className: l(t.logo, m), href: s, title: a, children: [
-    /* @__PURE__ */ o(x, { className: t.logomark }),
+}, C = ({ className: s, as: m = "a", href: n = "/", badge: r }) => {
+  const { languageCode: a } = x(), e = k[a ?? ""] ?? "Gå til forsiden";
+  return /* @__PURE__ */ i(g, { variant: "ghost", as: m, className: l(t.logo, s), href: n, title: e, children: [
+    /* @__PURE__ */ o(p, { className: t.logomark }),
     /* @__PURE__ */ o("span", { className: t.text, children: "Altinn" }),
     r && /* @__PURE__ */ o(c, { ...r })
   ] });

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,18 +1,17 @@
 "use client";
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, 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 "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.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";
 import { GlobalMenuBase as u, GlobalMenuFooter as I } from "./GlobalMenuBase.js";
 import { LogoutButton as T } from "./LogoutButton.js";
 import { S as h } from "../../Globe-BcPkcH4E.js";
-const N = ({
+const K = ({
   menu: e,
   backLabel: g = "Back",
   onClose: s,
@@ -33,10 +32,10 @@ const N = ({
       onClick: () => {
         i.onClick?.(), s?.();
       },
-      items: Array.isArray(i.items) ? i.items.map((p) => ({
-        ...p,
+      items: Array.isArray(i.items) ? i.items.map((f) => ({
+        ...f,
         onClick: () => {
-          p.onClick?.(), s?.();
+          f.onClick?.(), s?.();
         }
       })) : void 0
     }));
@@ -50,14 +49,14 @@ const N = ({
     };
     return [...t, b];
   }, [e, s, r, l]);
-  return k ? /* @__PURE__ */ f(u, { "aria-label": n, children: [
+  return k ? /* @__PURE__ */ p(u, { "aria-label": n, children: [
     r && /* @__PURE__ */ o(v, { ...r, backLabel: g, onToggle: l }),
     /* @__PURE__ */ o(x, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ f(u, { "aria-label": n, children: [
+  ] }) : /* @__PURE__ */ p(u, { "aria-label": n, children: [
     e && /* @__PURE__ */ o(S, { ...e, items: M }),
     a && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(T, { ...a }) })
   ] });
 };
 export {
-  N as GlobalMenu
+  K as GlobalMenu
 };

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -1,24 +1,22 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { useRef as g, useMemo as l } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as g, useMemo as i } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { a as h } from "../../SearchField-QTfebYdU.js";
+import { x as h, C as b, r as S } from "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.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";
-const D = ({
+const j = ({
   title: s = "Select language",
   options: r,
   onSelect: c,
   onToggle: u,
   backLabel: d
 }) => {
-  const i = g(null), { currentId: m, closeAll: o } = b(), p = m === "locale", n = l(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), f = l(() => r.map((t) => {
-    const e = t.value === n;
+  const n = g(null), { currentId: m, closeAll: a } = h(), p = m === "locale", l = i(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = i(() => r.map((t) => {
+    const e = t.value === l;
     return {
       ...t,
       id: String(t.value),
@@ -27,33 +25,33 @@ const D = ({
       role: "radio",
       name: "locale",
       checked: e,
-      icon: e ? S : /* @__PURE__ */ a("span", { "aria-hidden": "true" }),
+      icon: e ? b : /* @__PURE__ */ o("span", { "aria-hidden": "true" }),
       onClick: () => {
-        c?.(String(t.value)), o();
+        c?.(String(t.value)), a();
       }
     };
-  }), [r, c, o, n]), k = {
+  }), [r, c, a, l]), f = {
     locales: { title: s || "Språk/language" }
   };
   return v((t) => {
     if (p) {
       t.preventDefault();
-      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();
+      const e = n.current?.querySelector('[data-active="true"]');
+      e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
     }
-  }), /* @__PURE__ */ a("div", { ref: i, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
-    h,
+  }), /* @__PURE__ */ o("div", { ref: n, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ o(
+    S,
     {
       variant: "default",
-      groups: k,
+      groups: f,
       items: [
         { onClick: u, label: d, as: "button", icon: x, id: "back" },
-        ...f
+        ...k
       ],
       keyboardEvents: !1
     }
   ) });
 };
 export {
-  D as LocaleSwitcher
+  j as LocaleSwitcher
 };

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 "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
   button: m

package/dist/components/GlobalMenu_old/BackButton.js

@@ -1,13 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
+import { q as i } from "../../Section-jhq4n77E.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 });
+const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
 export {
-  x as BackButton
+  k as BackButton
 };

package/dist/components/GlobalMenu_old/CurrentAccount.js

@@ -1,12 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { q as n } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { MenuItem as n } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-const a = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
+const x = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
   n,
   {
     id: "account",
@@ -20,5 +19,5 @@ const a = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE
   }
 );
 export {
-  a as CurrentAccount
+  x as CurrentAccount
 };

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -1,19 +1,18 @@
 "use client";
-import { jsxs as m, jsx as r, Fragment as C } from "react/jsx-runtime";
+import { jsxs as c, 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 "../../Section-jhq4n77E.js";
+import { MenuListItem as h } from "../Menu/MenuListItem.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";
 import "../Snackbar/useSnackbar.js";
 import { GlobalMenuBase as a, GlobalMenuHeader as B, GlobalMenuFooter as M } from "./GlobalMenuBase.js";
-const N = ({
+const L = ({
   accountMenu: t,
   menu: i,
   backLabel: b = "Back",
@@ -21,7 +20,7 @@ const N = ({
   onSelectAccount: g,
   onClose: l,
   logoutButton: s,
-  ariaLabel: c = "Menu"
+  ariaLabel: m = "Menu"
 }) => {
   const [A, v] = G(!1), n = () => {
     v((o) => !o);
@@ -40,7 +39,7 @@ const N = ({
     })) : void 0
   })), [i, l]);
   if (A)
-    return /* @__PURE__ */ m(a, { "aria-label": c, children: [
+    return /* @__PURE__ */ c(a, { "aria-label": m, children: [
       /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(j, { onClick: n, label: b }) }),
       /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
       t && /* @__PURE__ */ r(
@@ -54,8 +53,8 @@ const N = ({
     ] });
   if (e) {
     const o = t && t?.items?.length > 1;
-    return /* @__PURE__ */ m(a, { "aria-label": c, color: e?.type, children: [
-      e && /* @__PURE__ */ m(C, { children: [
+    return /* @__PURE__ */ c(a, { "aria-label": m, color: e?.type, children: [
+      e && /* @__PURE__ */ c(C, { children: [
         /* @__PURE__ */ r(
           y,
           {
@@ -71,11 +70,11 @@ const N = ({
       s && /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(k, { ...s }) })
     ] });
   }
-  return /* @__PURE__ */ m(a, { "aria-label": c, children: [
+  return /* @__PURE__ */ c(a, { "aria-label": m, children: [
     i && /* @__PURE__ */ r(f, { ...i, items: p }),
     s && /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(k, { ...s }) })
   ] });
 };
 export {
-  N as GlobalMenu_old
+  L as GlobalMenu_old
 };

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -3,47 +3,46 @@ 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 { E as N } from "../../Section-jhq4n77E.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", k = "_avatar_1uh95_19", L = "_icon_1uh95_44", M = "_badge_1uh95_50", n = {
   button: v,
   avatarIcon: b,
   loginIcon: B,
   closeIcon: x,
-  avatar: S,
-  icon: k,
-  badge: L
-}, H = ({
+  avatar: k,
+  icon: L,
+  badge: M
+}, F = ({
   className: c,
   as: t = "button",
-  color: r = "company",
-  variant: s = "solid",
-  currentAccount: p,
-  expanded: d,
+  color: s = "company",
+  variant: r = "solid",
+  currentAccount: d,
+  expanded: p,
   label: i = "Menu",
   badge: a,
   ...m
-}) => d ? /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
+}) => p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(I, { className: n.closeIcon, icon: /* @__PURE__ */ o(N, { className: n.icon, "aria-label": "Close Icon" }) }),
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
-] }) : p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
+] }) : d ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
     I,
     {
       className: n.avatarIcon,
-      icon: /* @__PURE__ */ o(f, { ...p?.icon, className: n.avatar })
+      icon: /* @__PURE__ */ o(f, { ...d?.icon, className: n.avatar })
     }
   ),
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
-] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
+] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
     I,
@@ -55,5 +54,5 @@ import '../../assets/GlobalMenuButton.css';const v = "_button_1uh95_1", b = "_av
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
 ] });
 export {
-  H as GlobalMenuButton_old
+  F as GlobalMenuButton_old
 };

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 "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 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 { x as S } from "../../Section-jhq4n77E.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 "../../Section-jhq4n77E.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,