@altinn/altinn-components 0.54.2 → 0.55.0

package/dist/components/Forms/SearchField.js

@@ -1,44 +1,59 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
-import { Icon as _ } from "../Icon/Icon.js";
+import { Icon as u } from "../Icon/Icon.js";
 import "react";
-import { Button as u } from "../Button/Button.js";
+import { Button as _ } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Input as d } from "./Input.js";
-import { FieldBase as f } from "./FieldBase.js";
+import { FieldBase as v } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as k } from "../../XMark-tKk6aExO.js";
-import '../../assets/SearchField.css';const B = "_container_1ikoa_1", N = "_icon_1ikoa_5", g = "_input_1ikoa_23", S = "_clear_1ikoa_33", v = "_clearButton_1ikoa_45", r = {
-  container: B,
-  icon: N,
-  input: g,
-  clear: S,
-  clearButton: v
-}, q = ({
-  className: n,
-  size: i,
+import { S as B } from "../../XMark-tKk6aExO.js";
+import '../../assets/SearchField.css';const N = "_container_1fveu_1", g = "_icon_1fveu_7", x = "_input_1fveu_27", S = "_field_1fveu_39", y = "_clear_1fveu_46", C = "_clearButton_1fveu_58", t = {
+  container: N,
+  icon: g,
+  input: x,
+  field: S,
+  clear: y,
+  clearButton: C
+}, w = ({
+  className: a,
+  collapsible: i,
+  size: n,
   color: c = "neutral",
-  label: e,
-  value: t,
-  onClear: a,
-  clearButtonAltText: s = "Clear search",
-  ...l
-}) => /* @__PURE__ */ o(f, { size: i, color: c, label: e, className: p(r.field, n), children: /* @__PURE__ */ m("div", { className: r.container, children: [
-  /* @__PURE__ */ o(d, { ...l, type: "search", value: t, className: r.input }),
-  /* @__PURE__ */ o(_, { svgElement: h, className: r.icon }),
-  a && !!t && /* @__PURE__ */ o("span", { className: r.clear, children: /* @__PURE__ */ o(
-    u,
+  label: s,
+  value: o,
+  onClear: r,
+  clearButtonAltText: l = "Clear search",
+  ...m
+}) => /* @__PURE__ */ e(v, { size: n, color: c, label: s, className: p(t.field, a), children: /* @__PURE__ */ f("div", { className: t.container, children: [
+  /* @__PURE__ */ e(
+    d,
     {
+      ...m,
+      type: "search",
+      value: o,
+      className: t.input,
+      "data-collapsible": i,
+      autoCapitalize: "off",
+      autoComplete: "off"
+    }
+  ),
+  /* @__PURE__ */ e(u, { svgElement: h, className: t.icon }),
+  r && !!o && /* @__PURE__ */ e("span", { className: t.clear, children: /* @__PURE__ */ e(
+    _,
+    {
+      size: "xs",
       rounded: !0,
+      icon: !0,
       variant: "tinted",
-      className: r.clearButton,
-      onClick: a,
-      "aria-label": s,
-      children: /* @__PURE__ */ o(k, {})
+      className: t.clearButton,
+      onClick: r,
+      "aria-label": l,
+      children: /* @__PURE__ */ e(B, {})
     }
   ) })
 ] }) });
 export {
-  q as SearchField
+  w as SearchField
 };

package/dist/components/Forms/Switch.js

@@ -1,15 +1,17 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { c as e } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Field as c } from "./Field.js";
-import { Label as h } from "./Label.js";
-import { Input as n } from "./Input.js";
+import { Field as h } from "./Field.js";
+import { Label as n } from "./Label.js";
+import { Input as f } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
-const k = ({ reverse: t, size: i, color: m, label: r, ...p }) => /* @__PURE__ */ e(c, { size: i, color: m, reverse: t, children: [
-  /* @__PURE__ */ o(n, { ...p, type: "checkbox", role: "switch" }),
-  !!r && /* @__PURE__ */ o(h, { children: r })
+import '../../assets/Switch.css';const l = {
+  switch: "_switch_en83f_1"
+}, k = ({ className: o, reverse: i, size: m, color: c, label: t, ...s }) => /* @__PURE__ */ p(h, { size: m, color: c, reverse: i, className: e(l.switch, o), children: [
+  /* @__PURE__ */ r(f, { ...s, type: "checkbox", role: "switch" }),
+  !!t && /* @__PURE__ */ r(n, { children: t })
 ] });
 export {
   k as Switch

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as a, jsxs as m, Fragment as y } from "react/jsx-runtime";
-import { c as j } from "../../index-p1eeF8LQ.js";
-import u, { forwardRef as O, useState as x, useEffect as I } from "react";
-import { useIsDesktop as q } from "../../hooks/useIsDesktop.js";
-import { AccountMenu as R } from "../Account/AccountMenu.js";
-import { Button as L } from "../Button/Button.js";
-import { useRootContext as A } from "../RootProvider/RootProvider.js";
+import { jsx as a, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import { c as x } from "../../index-p1eeF8LQ.js";
+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 { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as P } from "../Forms/SearchField.js";
-import { S as V } from "../../button-BB5sYVKY.js";
-import { H, S as T } from "../../switch-Cemfhx0H.js";
-import { u as z } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var B = function(e, l) {
+import { SearchField as H } from "../Forms/SearchField.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";
+import '../../assets/AccountSelector.css';var $ = function(e, l) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,17 +19,17 @@ import '../../assets/AccountSelector.css';var B = function(e, l) {
       l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const $ = O((e, l) => {
-  var { title: n, titleId: t } = e, r = B(e, ["title", "titleId"]);
-  let i = z();
-  return i = n ? t || "title-" + i : void 0, u.createElement(
+const D = z((e, l) => {
+  var { title: n, titleId: t } = e, r = $(e, ["title", "titleId"]);
+  let c = j();
+  return c = n ? t || "title-" + c : void 0, u.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 ? u.createElement("title", { id: i }, n) : null,
+    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": c }, r),
+    n ? u.createElement("title", { id: c }, n) : null,
     u.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(e, l) {
+var K = function(e, l) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -37,17 +37,17 @@ var D = function(e, l) {
       l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const K = O((e, l) => {
-  var { title: n, titleId: t } = e, r = D(e, ["title", "titleId"]);
-  let i = z();
-  return i = n ? t || "title-" + i : void 0, u.createElement(
+const W = z((e, l) => {
+  var { title: n, titleId: t } = e, r = K(e, ["title", "titleId"]);
+  let c = j();
+  return c = n ? t || "title-" + c : void 0, u.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 ? u.createElement("title", { id: i }, n) : null,
+    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": c }, r),
+    n ? u.createElement("title", { id: c }, n) : null,
     u.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" })
   );
-}), W = "_accountSelector_qwjt5_1", G = "_heading_qwjt5_11", J = "_searchSection_qwjt5_17", Q = "_searchField_qwjt5_25", U = "_accountMenu_qwjt5_29", X = "_fullScreen_qwjt5_37", Y = "_virtualized_qwjt5_41", Z = "_btnIcon_qwjt5_45", ee = "_spinner_qwjt5_49", c = {
-  accountSelector: W,
+}), q = "_accountSelector_lyp2e_1", G = "_heading_lyp2e_11", J = "_searchSection_lyp2e_17", Q = "_searchField_lyp2e_26", U = "_accountMenu_lyp2e_30", X = "_fullScreen_lyp2e_38", Y = "_virtualized_lyp2e_42", Z = "_btnIcon_lyp2e_46", ee = "_spinner_lyp2e_50", i = {
+  accountSelector: q,
   heading: G,
   searchSection: J,
   searchField: Q,
@@ -62,38 +62,38 @@ const K = O((e, l) => {
   className: n,
   loading: t,
   showDeletedUnits: r,
-  onShowDeletedUnitsChange: i
+  onShowDeletedUnitsChange: c
 }) => {
-  const { currentId: h, openId: d, closeAll: g, languageCode: v } = A(), p = q(), o = h === "accountFullscreen", [S, w] = x(""), [f, _] = x(l);
-  I(() => {
-    !l && f && o && g(), _(l);
-  }, [l]), I(() => {
+  const { currentId: h, openId: d, closeAll: g, languageCode: v } = P(), p = R(), o = h === "accountFullscreen", [S, _] = I(""), [f, b] = I(l);
+  O(() => {
+    !l && f && o && g(), b(l);
+  }, [l]), O(() => {
     (f === !0 && !o || !p && h === "account") && d("accountFullscreen");
   }, [f, o, p, h, d]);
-  const { minimize: k, fullscreen: C, searchText: b, heading: E, switchLabel: F } = te(v), M = () => {
+  const { minimize: k, fullscreen: C, searchText: y, heading: E, switchLabel: F } = te(v), M = () => {
     d(o ? "account" : "accountFullscreen");
   }, N = (s) => {
-    e.onSelectAccount?.(s), g(), _(!1);
+    e.onSelectAccount?.(s), g(), b(!1);
   };
-  return t ? /* @__PURE__ */ a(V, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ m("div", { className: j(n, c.accountSelector), children: [
-    /* @__PURE__ */ a(H, { "data-size": "sm", level: 2, className: c.heading, children: E }),
-    /* @__PURE__ */ m("div", { className: c.searchSection, children: [
+  return t ? /* @__PURE__ */ a(T, { "aria-hidden": !0, "data-color": "neutral", className: i.spinner }) : /* @__PURE__ */ m("div", { className: x(n, i.accountSelector), children: [
+    /* @__PURE__ */ a(V, { "data-size": "sm", level: 2, className: i.heading, children: E }),
+    /* @__PURE__ */ m("div", { className: i.searchSection, children: [
       /* @__PURE__ */ a(
-        P,
+        H,
         {
-          name: b,
-          placeholder: b,
+          name: y,
+          placeholder: y,
           value: S,
-          onChange: (s) => w(s.target.value),
-          onClear: () => w(""),
-          className: c.searchField
+          onChange: (s) => _(s.target.value),
+          onClear: () => _(""),
+          className: i.searchField
         }
       ),
       r !== void 0 && /* @__PURE__ */ a(
-        T,
+        B,
         {
           checked: r,
-          onChange: (s) => i?.(s.target.checked),
+          onChange: (s) => c?.(s.target.checked),
           label: F
         }
       )
@@ -101,13 +101,13 @@ const K = O((e, l) => {
     /* @__PURE__ */ a(
       "div",
       {
-        className: j(
-          c.accountMenu,
-          o && c.fullScreen,
-          e.isVirtualized && c.virtualized
+        className: x(
+          i.accountMenu,
+          o && i.fullScreen,
+          e.virtualized && i.virtualized
         ),
         children: /* @__PURE__ */ a(
-          R,
+          L,
           {
             ...e,
             onSelectAccount: N,
@@ -118,16 +118,16 @@ const K = O((e, l) => {
               value: S,
               getResultsLabel: (s) => ne(s, v)
             },
-            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            scrollRefStyles: !o && e.virtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    f !== !0 && p && /* @__PURE__ */ a(L, { variant: "ghost", onClick: M, children: o ? /* @__PURE__ */ m(y, { children: [
-      /* @__PURE__ */ a(K, { className: c.btnIcon, "aria-hidden": "true" }),
+    f !== !0 && p && /* @__PURE__ */ a(A, { variant: "ghost", onClick: M, children: o ? /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ a(W, { className: i.btnIcon, "aria-hidden": "true" }),
       k
-    ] }) : /* @__PURE__ */ m(y, { children: [
-      /* @__PURE__ */ a($, { className: c.btnIcon, "aria-hidden": "true" }),
+    ] }) : /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ a(D, { className: i.btnIcon, "aria-hidden": "true" }),
       C
     ] }) })
   ] });

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, 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 { DrawerBase as d } from "../Dropdown/DrawerBase.js";
-import "../Button/Button.js";
 import "react";
+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 { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
 import { GlobalMenuButton as v } from "../GlobalMenu/GlobalMenuButton.js";
 import { AccountSelector as y } from "./AccountSelector.js";
@@ -17,61 +17,62 @@ import { GlobalSearch as D } from "./GlobalSearch.js";
 import { GlobalSearchButton as H } from "./GlobalSearchButton.js";
 import { HeaderGroup as I } from "./HeaderGroup.js";
 import { HeaderLogo as L } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const T = "_drawer_1r5ak_1", j = "_dropdown_1r5ak_6", z = "_relative_1r5ak_19", t = {
-  drawer: T,
-  dropdown: j,
-  relative: z
+import '../../assets/GlobalHeader.css';const T = "_logo_i35in_1", j = "_drawer_i35in_4", z = "_dropdown_i35in_9", M = "_relative_i35in_22", t = {
+  logo: T,
+  drawer: j,
+  dropdown: z,
+  relative: M
 }, re = ({
-  globalMenu: n,
+  globalMenu: r,
   desktopMenu: h,
   mobileMenu: w,
-  globalSearch: s,
-  locale: i,
-  accountSelector: r,
-  logo: k = {},
-  badge: O,
-  onLoginClick: _
+  globalSearch: c,
+  locale: d,
+  accountSelector: n,
+  logo: _ = {},
+  badge: g,
+  onLoginClick: k
 }) => {
-  const { currentId: e, toggleId: l, openId: x, closeAll: c } = N(), B = () => {
-    l("search");
+  const { currentId: e, toggleId: a, openId: O, closeAll: i } = N(), x = () => {
+    a("search");
+  }, B = () => {
+    e === "account" || e === "accountFullscreen" ? i() : O("account");
   }, F = () => {
-    e === "account" || e === "accountFullscreen" ? c() : x("account");
-  }, g = () => {
-    l("menu");
-  }, p = e === "account" || e === "accountFullscreen" || r?.forceOpenFullScreen, a = A();
-  return /* @__PURE__ */ m(b, { currentId: e, openBackdrop: e === "menu", onCloseBackdrop: c, children: [
-    /* @__PURE__ */ o(L, { ...k, badge: O, className: t.logo }),
-    /* @__PURE__ */ m(I, { children: [
-      r && /* @__PURE__ */ o(
+    a("menu");
+  }, p = e === "account" || e === "accountFullscreen" || n?.forceOpenFullScreen, s = A();
+  return /* @__PURE__ */ l(b, { currentId: e, openBackdrop: e === "menu", onCloseBackdrop: i, children: [
+    /* @__PURE__ */ o(L, { ..._, badge: g, className: t.logo }),
+    /* @__PURE__ */ l(I, { children: [
+      n && /* @__PURE__ */ o(
         C,
         {
-          currentAccount: r.accountMenu?.currentAccount,
-          minimized: !a,
-          onClick: r.accountMenu?.currentAccount ? F : _,
+          currentAccount: n.accountMenu?.currentAccount,
+          minimized: !s,
+          onClick: n.accountMenu?.currentAccount ? B : k,
           expanded: p,
-          loading: r.loading,
-          disabled: r.forceOpenFullScreen
+          loading: n.loading,
+          disabled: n.forceOpenFullScreen
         }
       ),
-      s && /* @__PURE__ */ o(
+      c && /* @__PURE__ */ o(
         H,
         {
-          onClick: B,
+          onClick: x,
           expanded: e === "search",
-          disabled: r?.forceOpenFullScreen
+          disabled: n?.forceOpenFullScreen
         }
       ),
-      /* @__PURE__ */ m("div", { className: t.relative, children: [
+      /* @__PURE__ */ l("div", { className: t.relative, children: [
         /* @__PURE__ */ o(
           v,
           {
-            onClick: g,
+            onClick: F,
             expanded: e === "menu",
-            disabled: r?.forceOpenFullScreen,
-            label: n?.menuLabel
+            disabled: n?.forceOpenFullScreen,
+            label: r?.menuLabel
           }
         ),
-        n && /* @__PURE__ */ o(
+        r && /* @__PURE__ */ o(
           G,
           {
             layout: "desktop",
@@ -83,10 +84,10 @@ import '../../assets/GlobalHeader.css';const T = "_drawer_1r5ak_1", j = "_dropdo
             children: /* @__PURE__ */ o(
               f,
               {
-                ...n,
-                menu: h || n?.menu,
-                onClose: c,
-                localeSwitcher: i,
+                ...r,
+                menu: h || r?.menu,
+                onClose: i,
+                localeSwitcher: d,
                 isOpen: e === "menu"
               }
             )
@@ -94,32 +95,32 @@ import '../../assets/GlobalHeader.css';const T = "_drawer_1r5ak_1", j = "_dropdo
         )
       ] })
     ] }),
-    n && /* @__PURE__ */ o(d, { open: e === "menu", className: t.drawer, children: /* @__PURE__ */ o(
+    r && /* @__PURE__ */ o(m, { open: e === "menu", className: t.drawer, children: /* @__PURE__ */ o(
       f,
       {
-        ...n,
-        menu: w || n?.menu,
-        onClose: c,
-        localeSwitcher: i,
+        ...r,
+        menu: w || r?.menu,
+        onClose: i,
+        localeSwitcher: d,
         isOpen: e === "menu"
       }
     ) }),
-    r && /* @__PURE__ */ o(
-      d,
+    n && /* @__PURE__ */ o(
+      m,
       {
         open: p,
         className: u(t.drawer),
-        dataLayout: a ? "desktop" : "mobile",
-        children: /* @__PURE__ */ o(y, { ...r, forceOpenFullScreen: r.forceOpenFullScreen })
+        dataLayout: s ? "desktop" : "mobile",
+        children: /* @__PURE__ */ o(y, { ...n, forceOpenFullScreen: n.forceOpenFullScreen })
       }
     ),
-    s && /* @__PURE__ */ o(
-      d,
+    c && /* @__PURE__ */ o(
+      m,
       {
         open: e === "search",
         className: u(t.drawer),
-        dataLayout: a ? "desktop" : "mobile",
-        children: /* @__PURE__ */ o(D, { ...s })
+        dataLayout: s ? "desktop" : "mobile",
+        children: /* @__PURE__ */ o(D, { ...c })
       }
     )
   ] });

package/dist/components/GlobalHeader/GlobalSearch.js

@@ -6,7 +6,7 @@ import "../Button/Button.js";
 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-DttADHE1.js";
+import { S as r } from "../../index--jNxJmA8.js";
 import { S as x } from "../../MagnifyingGlass-bwVhw07z.js";
 const w = ({ onSearch: t }) => {
   const i = k(), [n, u] = d(""), { languageCode: m, closeAll: p, currentId: s } = v(), { search: h, placeholder: c } = y(m), f = () => {

package/dist/components/GlobalHeader/GlobalSearchButton.js

@@ -22,6 +22,7 @@ const G = ({ onClick: t, expanded: o, ...a }) => {
       onClick: t,
       "data-color": "neutral",
       className: u.searchButton,
+      "aria-expanded": o,
       children: [
         o ? /* @__PURE__ */ s(h, { "aria-hidden": "true" }) : /* @__PURE__ */ s(f, { "aria-hidden": "true" }),
         e ? r : null

package/dist/components/GlobalMenu/BackButton.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,56 +1,65 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useState as d, useEffect as g, useMemo as L } from "react";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { useState as d, useCallback as C, useEffect as G, useMemo as L } from "react";
+import { Menu as B } from "../Menu/Menu.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { LocaleSwitcher as b } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as S } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as B } from "../Menu/MenuBase.js";
-import { Menu as h } from "../Menu/Menu.js";
-import { BackButton as C } from "./BackButton.js";
-import { GlobalMenuBase as p, GlobalMenuHeader as G, GlobalMenuFooter as x } from "./GlobalMenuBase.js";
-import { LocaleButton as j } from "./LocaleButton.js";
-import { LogoutButton as v } from "./LogoutButton.js";
-const K = ({
-  menu: r,
-  backLabel: u = "Back",
-  onClose: t,
-  logoutButton: a,
+import { MenuListItem as h } from "../Menu/MenuListItem.js";
+import { BackButton as v } from "./BackButton.js";
+import { GlobalMenuBase as u, GlobalMenuHeader as x, GlobalMenuFooter as j } from "./GlobalMenuBase.js";
+import { LogoutButton as y } from "./LogoutButton.js";
+import { S as A } from "../../Globe-BcPkcH4E.js";
+const Q = ({
+  menu: e,
+  backLabel: k = "Back",
+  onClose: l,
+  logoutButton: n,
   ariaLabel: m = "Menu",
-  localeSwitcher: i,
-  isOpen: n = !1
+  localeSwitcher: r,
+  isOpen: c = !1
 }) => {
-  const [k, c] = d(!1), s = () => {
-    c((e) => !e);
-  };
-  g(() => {
-    n || c(!1);
-  }, [n]);
-  const M = L(() => (r?.items ?? []).map((e) => ({
-    ...e,
-    onClick: () => {
-      e.onClick?.(), t?.();
-    },
-    items: Array.isArray(e.items) ? e.items.map((f) => ({
-      ...f,
+  const [g, f] = d(!1), a = C(() => {
+    f((t) => !t);
+  }, []);
+  G(() => {
+    c || f(!1);
+  }, [c]);
+  const b = L(() => {
+    const t = (e?.items ?? []).map((i) => ({
+      ...i,
       onClick: () => {
-        f.onClick?.(), t?.();
-      }
-    })) : void 0
-  })), [r, t]);
-  return k ? /* @__PURE__ */ l(p, { "aria-label": m, children: [
-    /* @__PURE__ */ l(G, { children: [
-      /* @__PURE__ */ o(C, { onClick: s, label: u }),
-      i && /* @__PURE__ */ o(b, { ...i })
+        i.onClick?.(), l?.();
+      },
+      items: Array.isArray(i.items) ? i.items.map((p) => ({
+        ...p,
+        onClick: () => {
+          p.onClick?.(), l?.();
+        }
+      })) : void 0
+    }));
+    if (!r) return t;
+    const M = {
+      title: "Språk/language",
+      icon: A,
+      size: "sm",
+      onClick: a
+    };
+    return [...t, M];
+  }, [e, l, r, a]);
+  return g ? /* @__PURE__ */ s(u, { "aria-label": m, children: [
+    /* @__PURE__ */ s(x, { children: [
+      /* @__PURE__ */ o(v, { onClick: a, label: k }),
+      r && /* @__PURE__ */ o(S, { ...r })
     ] }),
-    /* @__PURE__ */ o(B, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ l(p, { "aria-label": m, children: [
-    r && /* @__PURE__ */ o(h, { ...r, items: M }),
-    i && /* @__PURE__ */ o(j, { onClick: s }),
-    a && /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(v, { ...a }) })
+    /* @__PURE__ */ o(h, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ s(u, { "aria-label": m, children: [
+    e && /* @__PURE__ */ o(B, { ...e, items: b }),
+    n && /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(y, { ...n }) })
   ] });
 };
 export {
-  K as GlobalMenu
+  Q as GlobalMenu
 };