@altinn/altinn-components 0.56.8 → 0.56.10

package/dist/components/Forms/TextFieldDropdown.js

@@ -7,6 +7,7 @@ import { DropdownBase as q } from "../Dropdown/DropdownBase.js";
 import { Icon as z } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Input as G } from "./Input.js";
 import { FieldBase as H } from "./FieldBase.js";
@@ -21,15 +22,15 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, he = ({
+}, be = ({
   label: O,
   helperText: M,
   value: u = "",
   onChange: p,
   options: g,
   validate: v,
-  badge: i,
-  disabled: s,
+  badge: s,
+  disabled: i,
   size: C,
   color: N,
   className: S,
@@ -50,10 +51,10 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
     }, 300);
     return () => clearTimeout(e);
   }, [n, v]), _(() => {
-    if (s || !n) return;
+    if (i || !n) return;
     const e = l.some((o) => o.label.toLowerCase() === n.toLowerCase());
     l.length > 0 && !e && !t ? a(!0) : t && l.length === 0 && a(!1);
-  }, [n, l, t, s]);
+  }, [n, l, t, i]);
   const D = I(
     (e) => {
       const o = e.target.value;
@@ -66,8 +67,8 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
     },
     [p]
   ), R = I(() => {
-    s || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
-  }, [s, t, l.length]), L = m ? "danger" : N;
+    i || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
+  }, [i, t, l.length]), L = m ? "danger" : N;
   return /* @__PURE__ */ r(H, { size: C, color: L, label: O, helperText: m || M, className: S, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
     /* @__PURE__ */ r(
       G,
@@ -76,7 +77,7 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
         ref: j,
         value: n,
         onChange: D,
-        disabled: s,
+        disabled: i,
         size: C,
         color: L,
         className: d.input,
@@ -87,17 +88,17 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
         "aria-activedescendant": h >= 0 ? `${c}-option-${h}` : void 0,
         "aria-invalid": !!m,
         "aria-describedby": m ? `${c}-error` : void 0,
-        "data-has-badge": !!i
+        "data-has-badge": !!s
       }
     ),
-    i && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(U, { label: i.label, color: i.color, variant: i.variant || "subtle", size: "sm" }) }),
+    s && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(U, { label: s.label, color: s.color, variant: s.variant || "subtle", size: "sm" }) }),
     /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: d.dropdownTrigger,
         onClick: R,
-        disabled: s,
+        disabled: i,
         "aria-label": t ? "Close dropdown" : "Open dropdown",
         tabIndex: -1,
         children: /* @__PURE__ */ r(z, { svgElement: t ? Q : W })
@@ -120,5 +121,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  he as TextFieldDropdown
+  be as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

@@ -2,11 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Textarea as p } from "./Textarea.js";
 import { FieldBase as a } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const T = ({ 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 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 }) });
 export {
-  T as TextareaField
+  h as TextareaField
 };

package/dist/components/Forms/index.js

@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-xsZAikgq.js";
+import { S as I } from "../../SearchField-CYYz0JvC.js";
 import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
 import { FieldsetBase as y } from "./FieldsetBase.js";
 import { OptionsBase as A } from "./OptionsBase.js";

package/dist/components/GlobalHeader/AccountSelector.js

@@ -5,9 +5,10 @@ import u, { forwardRef as z, useState as I, useEffect as O } from "react";
 import { useIsDesktop as R } from "../../hooks/useIsDesktop.js";
 import { AccountMenu as L } from "../Account/AccountMenu.js";
 import { Button as A } from "../Button/Button.js";
+import "react-dom";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-xsZAikgq.js";
+import { S as H } from "../../SearchField-CYYz0JvC.js";
 import { S as T } from "../../button-BB5sYVKY.js";
 import { H as V, S as B } from "../../switch-Cemfhx0H.js";
 import { u as j } from "../../useId-BVFxCjkq.js";
@@ -56,7 +57,7 @@ const W = z((e, l) => {
   virtualized: Y,
   btnIcon: Z,
   spinner: ee
-}, pe = ({
+}, ge = ({
   accountMenu: e,
   forceOpenFullScreen: l,
   className: n,
@@ -163,5 +164,5 @@ const W = z((e, l) => {
   return e === 0 ? n ? "Ingen treff" : "No hits" : n ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  pe as AccountSelector
+  ge as AccountSelector
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,15 +1,16 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { useIsDesktop as A } from "../../hooks/useIsDesktop.js";
 import { AccountMenuButton as C } from "../Account/AccountMenuButton.js";
 import { DropdownBase as G } from "../Dropdown/DropdownBase.js";
 import { c as u } from "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../Button/Button.js";
 import { useRootContext as N } from "../RootProvider/RootProvider.js";
 import { GlobalHeaderBase as b } from "./GlobalHeaderBase.js";
 import "../Snackbar/useSnackbar.js";
-import { DrawerBase as m } from "../Dropdown/DrawerBase.js";
+import { DrawerBase as l } from "../Dropdown/DrawerBase.js";
 import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
 import { GlobalMenuButton as v } from "../GlobalMenu/GlobalMenuButton.js";
 import { AccountSelector as y } from "./AccountSelector.js";
@@ -22,7 +23,7 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
   drawer: j,
   dropdown: z,
   relative: M
-}, re = ({
+}, te = ({
   globalMenu: r,
   desktopMenu: h,
   mobileMenu: w,
@@ -40,9 +41,9 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
   }, F = () => {
     a("menu");
   }, p = e === "account" || e === "accountFullscreen" || n?.forceOpenFullScreen, s = A();
-  return /* @__PURE__ */ l(b, { currentId: e, openBackdrop: e === "menu", onCloseBackdrop: i, children: [
+  return /* @__PURE__ */ m(b, { currentId: e, openBackdrop: e === "menu", onCloseBackdrop: i, children: [
     /* @__PURE__ */ o(L, { ..._, badge: g, className: t.logo }),
-    /* @__PURE__ */ l(I, { children: [
+    /* @__PURE__ */ m(I, { children: [
       n && /* @__PURE__ */ o(
         C,
         {
@@ -62,7 +63,7 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
           disabled: n?.forceOpenFullScreen
         }
       ),
-      /* @__PURE__ */ l("div", { className: t.relative, children: [
+      /* @__PURE__ */ m("div", { className: t.relative, children: [
         /* @__PURE__ */ o(
           v,
           {
@@ -95,7 +96,7 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
         )
       ] })
     ] }),
-    r && /* @__PURE__ */ o(m, { open: e === "menu", className: t.drawer, children: /* @__PURE__ */ o(
+    r && /* @__PURE__ */ o(l, { open: e === "menu", className: t.drawer, children: /* @__PURE__ */ o(
       f,
       {
         ...r,
@@ -106,7 +107,7 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
       }
     ) }),
     n && /* @__PURE__ */ o(
-      m,
+      l,
       {
         open: p,
         className: u(t.drawer),
@@ -115,7 +116,7 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
       }
     ),
     c && /* @__PURE__ */ o(
-      m,
+      l,
       {
         open: e === "search",
         className: u(t.drawer),
@@ -126,5 +127,5 @@ import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i
   ] });
 };
 export {
-  re as GlobalHeader
+  te as GlobalHeader
 };

package/dist/components/GlobalHeader/GlobalHeaderBase.js

@@ -1,23 +1,24 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { c as d } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
+import "react-dom";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import '../../assets/GlobalHeaderBase.css';const i = "_header_t9h1f_1", n = "_backdrop_t9h1f_13", r = {
+import '../../assets/GlobalHeaderBase.css';const i = "_header_pafet_1", n = "_backdrop_pafet_12", r = {
   header: i,
   backdrop: n
-}, j = ({
+}, u = ({
   currentId: o,
   className: a,
   children: e,
   openBackdrop: t,
   onCloseBackdrop: c
-}) => /* @__PURE__ */ s("header", { className: p(r.header, a), "data-current-id": o, children: [
-  t && /* @__PURE__ */ d(m, { className: r.backdrop, onClick: c, color: "transparent" }),
+}) => /* @__PURE__ */ p("header", { className: d(r.header, a), "data-current-id": o, children: [
+  t && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: c, color: "transparent" }),
   e
 ] });
 export {
-  j as GlobalHeaderBase
+  u as GlobalHeaderBase
 };

package/dist/components/GlobalHeader/GlobalSearch.js

@@ -3,12 +3,13 @@ import { useState as d, useRef as g, useEffect as b } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as k } from "../../hooks/useIsDesktop.js";
 import "../Button/Button.js";
+import "react-dom";
 import { useRootContext as v } from "../RootProvider/RootProvider.js";
 import { s as o } from "../../globalSearch.module-DziLSGZg.js";
 import "../Snackbar/useSnackbar.js";
 import { S as r } from "../../index--jNxJmA8.js";
 import { S as x } from "../../MagnifyingGlass-bwVhw07z.js";
-const w = ({ onSearch: t }) => {
+const z = ({ onSearch: t }) => {
   const i = k(), [n, u] = d(""), { languageCode: m, closeAll: p, currentId: s } = v(), { search: h, placeholder: c } = y(m), f = () => {
     t(n), p();
   }, l = g(null);
@@ -57,5 +58,5 @@ const w = ({ onSearch: t }) => {
   }
 };
 export {
-  w as GlobalSearch
+  z as GlobalSearch
 };

package/dist/components/GlobalHeader/GlobalSearchButton.js

@@ -1,24 +1,25 @@
 "use client";
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { useIsDesktop as l } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as m } from "../../hooks/useIsDesktop.js";
 import "../Button/Button.js";
-import { useRootContext as m } from "../RootProvider/RootProvider.js";
+import "react-dom";
+import { useRootContext as l } from "../RootProvider/RootProvider.js";
 import { s as u } from "../../globalSearch.module-DziLSGZg.js";
 import "../Snackbar/useSnackbar.js";
 import { B as p } from "../../button-BB5sYVKY.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
 import { S as f } from "../../MagnifyingGlass-bwVhw07z.js";
-const G = ({ onClick: t, expanded: o, ...a }) => {
-  const { languageCode: n } = m(), { search: r, close: c } = k(n), e = l();
-  return /* @__PURE__ */ i(
+const L = ({ onClick: t, expanded: o, ...a }) => {
+  const { languageCode: n } = l(), { search: r, close: i } = k(n), e = m();
+  return /* @__PURE__ */ c(
     p,
     {
       ...a,
       type: "button",
       icon: !e,
-      title: o ? c : r,
+      title: o ? i : r,
       onClick: t,
       "data-color": "neutral",
       className: u.searchButton,
@@ -49,5 +50,5 @@ const G = ({ onClick: t, expanded: o, ...a }) => {
   }
 };
 export {
-  G as GlobalSearchButton
+  L as GlobalSearchButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,9 +1,10 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { useState as d, useCallback as G, useEffect as L, useMemo as C } from "react";
-import { M as S } from "../../SearchField-xsZAikgq.js";
+import { M as S } from "../../SearchField-CYYz0JvC.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { LocaleSwitcher as h } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
@@ -11,7 +12,7 @@ import { MenuListItem as v } from "../Menu/MenuListItem.js";
 import { GlobalMenuBase as u, GlobalMenuHeader as x, GlobalMenuFooter as T } from "./GlobalMenuBase.js";
 import { LogoutButton as j } from "./LogoutButton.js";
 import { S as y } from "../../Globe-BcPkcH4E.js";
-const N = ({
+const P = ({
   menu: o,
   backLabel: g = "Back",
   onClose: l,
@@ -32,10 +33,10 @@ const N = ({
       onClick: () => {
         i.onClick?.(), l?.();
       },
-      items: Array.isArray(i.items) ? i.items.map((f) => ({
-        ...f,
+      items: Array.isArray(i.items) ? i.items.map((p) => ({
+        ...p,
         onClick: () => {
-          f.onClick?.(), l?.();
+          p.onClick?.(), l?.();
         }
       })) : void 0
     }));
@@ -48,14 +49,14 @@ const N = ({
     };
     return [...t, b];
   }, [o, l, r, s]);
-  return M ? /* @__PURE__ */ p(u, { "aria-label": n, children: [
+  return M ? /* @__PURE__ */ f(u, { "aria-label": n, children: [
     /* @__PURE__ */ e(x, { children: r && /* @__PURE__ */ e(h, { ...r, backLabel: g, onToggle: s }) }),
     /* @__PURE__ */ e(v, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ p(u, { "aria-label": n, children: [
+  ] }) : /* @__PURE__ */ f(u, { "aria-label": n, children: [
     o && /* @__PURE__ */ e(S, { ...o, items: k }),
     a && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(j, { ...a }) })
   ] });
 };
 export {
-  N as GlobalMenu
+  P as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,11 +1,12 @@
 import { jsxs as s, jsx as o, Fragment as k } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
+import { c as d } from "../../index-p1eeF8LQ.js";
 import { Badge as f } from "../Badge/Badge.js";
 import "react";
 import { useIsDesktop as x } from "../../hooks/useIsDesktop.js";
 import { Button as _ } from "../Button/Button.js";
 import { ButtonIcon as c } from "../Button/ButtonIcon.js";
 import { ButtonLabel as h } from "../Button/ButtonLabel.js";
+import "react-dom";
 import { useRootContext as y } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as g } from "../../XMark-tKk6aExO.js";
@@ -30,7 +31,7 @@ import '../../assets/GlobalMenuButton2.css';const B = "_button_rhdbs_1", S = "_i
         close: "Lukk Meny"
       };
   }
-}, A = ({
+}, E = ({
   className: e,
   as: i = "button",
   color: a = "company",
@@ -40,7 +41,7 @@ import '../../assets/GlobalMenuButton2.css';const B = "_button_rhdbs_1", S = "_i
   badge: n,
   ...b
 }) => {
-  const r = x(), { languageCode: M } = y(), { close: d } = j(M);
+  const r = x(), { languageCode: M } = y(), { close: p } = j(M);
   return l ? /* @__PURE__ */ s(
     _,
     {
@@ -49,14 +50,14 @@ import '../../assets/GlobalMenuButton2.css';const B = "_button_rhdbs_1", S = "_i
       type: "button",
       variant: m,
       color: a,
-      className: p(t.button, e),
+      className: d(t.button, e),
       "aria-expanded": l,
       children: [
         r && /* @__PURE__ */ s(k, { children: [
-          /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(g, { className: t.icon, "aria-label": d }) }),
+          /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(g, { className: t.icon, "aria-label": p }) }),
           /* @__PURE__ */ o(h, { children: u })
         ] }),
-        !r && /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(g, { className: t.iconMobile, "aria-label": d }) }),
+        !r && /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(g, { className: t.iconMobile, "aria-label": p }) }),
         n && /* @__PURE__ */ o(f, { ...n, className: t.badge })
       ]
     }
@@ -68,7 +69,7 @@ import '../../assets/GlobalMenuButton2.css';const B = "_button_rhdbs_1", S = "_i
       type: "button",
       variant: m,
       color: a,
-      className: p(t.button, e),
+      className: d(t.button, e),
       children: [
         r && /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(N, { className: t.icon, "aria-hidden": !0 }) }),
         /* @__PURE__ */ o(h, { children: u }),
@@ -78,5 +79,5 @@ import '../../assets/GlobalMenuButton2.css';const B = "_button_rhdbs_1", S = "_i
   );
 };
 export {
-  A as GlobalMenuButton
+  E as GlobalMenuButton
 };

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -2,22 +2,23 @@
 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-xsZAikgq.js";
+import { a as h } from "../../SearchField-CYYz0JvC.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 q = ({
+const D = ({
   title: s = "Select language",
   options: r,
   onSelect: c,
   onToggle: u,
   backLabel: d
 }) => {
-  const n = g(null), { currentId: m, closeAll: o } = b(), p = m === "locale", i = l(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), f = l(() => r.map((t) => {
-    const e = t.value === i;
+  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;
     return {
       ...t,
       id: String(t.value),
@@ -31,16 +32,16 @@ const q = ({
         c?.(String(t.value)), o();
       }
     };
-  }), [r, c, o, i]), k = {
+  }), [r, c, o, n]), k = {
     locales: { title: s || "Språk/language" }
   };
   return v((t) => {
     if (p) {
       t.preventDefault();
-      const e = n.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: n, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
+  }), /* @__PURE__ */ a("div", { ref: i, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
     h,
     {
       variant: "default",
@@ -54,5 +55,5 @@ const q = ({
   ) });
 };
 export {
-  q as LocaleSwitcher
+  D as LocaleSwitcher
 };

package/dist/components/GlobalMenu/LogoutButton.js

@@ -1,12 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
+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 "../Snackbar/useSnackbar.js";
-import '../../assets/LogoutButton.css';const s = "_button_1260s_1", u = {
-  button: s
-}, b = ({ label: t = "Logout", children: o, onClick: n }) => /* @__PURE__ */ r(i, { className: u.button, variant: "outline", size: "lg", onClick: n, children: o || t });
+import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
+  button: m
+}, g = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
 export {
-  b as LogoutButton
+  g as LogoutButton
 };

package/dist/components/GlobalMenu_old/BackButton.js

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

package/dist/components/GlobalMenu_old/CurrentAccount.js

@@ -2,10 +2,11 @@ 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 "../Snackbar/useSnackbar.js";
-const I = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
+const a = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
   n,
   {
     id: "account",
@@ -19,5 +20,5 @@ const I = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE
   }
 );
 export {
-  I as CurrentAccount
+  a as CurrentAccount
 };

package/dist/components/GlobalMenu_old/GlobalMenu.js

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