@altinn/altinn-components 0.44.4 → 0.45.1

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 {

package/dist/components/List/ListItemSelect.js

@@ -2,9 +2,9 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Label as l } from "../Forms/Label.js";
 import { Input as n } from "../Forms/Input.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemSelect.css';const i = "_select_kfgnl_1", m = "_checkbox_kfgnl_19", t = {
   select: i,
   checkbox: m

package/dist/components/Menu/MenuItem.js

@@ -60,8 +60,8 @@ import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIco
           }
         ),
         /* @__PURE__ */ i("span", { className: m.controls, children: [
-          !r && k,
           !r && B(),
+          !r && k,
           s && /* @__PURE__ */ n("span", { className: m.linkIcon, children: /* @__PURE__ */ n(
             N,
             {

package/dist/components/Menu/MenuSearch.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { useIsDesktop as a } from "../../hooks/useIsDesktop.js";
-import "../Snackbar/useSnackbar.js";
+import "../RootProvider/RootProvider.js";
 import { SearchField as c } from "../Forms/SearchField.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuSearch.css';const l = "_field_1w1s0_1", n = {
   field: l
 }, x = ({

package/dist/components/Notifications/NotificationItem.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { NotificationItemBase as r } from "./NotificationItemBase.js";
+import "../Snackbar/useSnackbar.js";
+const x = ({
+  loading: m,
+  id: e = "notification",
+  icon: t,
+  title: i,
+  description: n,
+  ...p
+}) => m ? /* @__PURE__ */ o(r, { icon: t, title: i, loading: !0 }) : /* @__PURE__ */ o(r, { ...p, icon: t, title: i, description: n });
+export {
+  x as NotificationItem
+};

package/dist/components/Notifications/NotificationItemBase.js

@@ -0,0 +1,86 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { getAriaLabelFromTitle as j } from "../Menu/MenuItemLabel.js";
+import { ListItemBase as B } from "../List/ListItemBase.js";
+import { ListItemLink as v } from "../List/ListItemLink.js";
+import { ListItemLabel as y } from "../List/ListItemLabel.js";
+import { NotificationItemControls as z } from "./NotificationItemControls.js";
+import { NotificationItemIcon as A } from "./NotificationItemIcon.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", T = "_header_w20tn_24", g = "_link_w20tn_43", q = "_linkFocus_w20tn_47", D = "_controls_w20tn_56", t = {
+  item: C,
+  header: T,
+  link: g,
+  linkFocus: q,
+  controls: D
+}, U = ({
+  as: s,
+  href: m,
+  ref: n,
+  disabled: a,
+  loading: e,
+  onClick: c,
+  onKeyPress: l,
+  tabIndex: _,
+  color: d,
+  variant: p,
+  icon: f,
+  iconBadge: h,
+  label: k,
+  title: i,
+  description: N,
+  highlightWords: L,
+  dismissable: b,
+  dismissLabel: I,
+  onDismiss: u,
+  contextMenu: w,
+  ...F
+}) => {
+  const x = F.ariaLabel || j(i);
+  return /* @__PURE__ */ o(B, { ref: n, className: t.item, color: d, variant: p, size: "md", children: /* @__PURE__ */ r("header", { className: t.header, children: [
+    /* @__PURE__ */ o(A, { icon: f, badge: h }),
+    /* @__PURE__ */ r(
+      v,
+      {
+        as: s,
+        href: m,
+        onClick: c,
+        onKeyPress: l,
+        tabIndex: _,
+        loading: e,
+        disabled: a || e,
+        ariaLabel: x,
+        className: t.link,
+        children: [
+          /* @__PURE__ */ o("div", { className: t.linkFocus, "aria-hidden": "true" }),
+          /* @__PURE__ */ o(
+            y,
+            {
+              loading: e,
+              highlightWords: L,
+              className: t.label,
+              title: i,
+              description: N,
+              children: k
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      z,
+      {
+        className: t.controls,
+        contextMenu: w,
+        dismissable: b,
+        dismissLabel: I,
+        onDismiss: u
+      }
+    )
+  ] }) });
+};
+export {
+  U as NotificationItemBase
+};

package/dist/components/Notifications/NotificationItemControls.js

@@ -0,0 +1,33 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { IconButton as p } from "../Button/IconButton.js";
+import { ContextMenu as f } from "../ContextMenu/ContextMenu.js";
+import "../RootProvider/RootProvider.js";
+import { ListItemControls as l } from "../List/ListItemControls.js";
+import "../Snackbar/useSnackbar.js";
+import { S as c } from "../../XMark-tKk6aExO.js";
+const S = ({
+  className: r,
+  loading: i,
+  dismissable: m,
+  dismissLabel: n,
+  onDismiss: s,
+  contextMenu: o
+}) => i ? null : /* @__PURE__ */ e(l, { className: r, children: [
+  o && /* @__PURE__ */ t(f, { ...o }),
+  m && /* @__PURE__ */ t(
+    p,
+    {
+      rounded: !0,
+      variant: "text",
+      icon: c,
+      iconAltText: n || "Dismiss",
+      onClick: s,
+      size: "xs"
+    }
+  )
+] });
+export {
+  S as NotificationItemControls
+};

package/dist/components/Notifications/NotificationItemIcon.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as o, Fragment as n } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import { Icon as e, isIconProps as i } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import { isAvatarProps as c, Avatar as l } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as _, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
+import { Badge as v } from "../Badge/Badge.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { S as d } from "../../XMark-tKk6aExO.js";
+import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", s = {
+  icon: u,
+  shape: g,
+  avatar: h,
+  avatarGroup: N,
+  badge: b
+};
+function z(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || p(t);
+}
+const B = ({ loading: t, icon: a, badge: m }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: d, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
+  c(a) && /* @__PURE__ */ r(l, { ...a, className: s.avatar }) || _(a) && /* @__PURE__ */ r(f, { ...a, className: s.avatarGroup }) || i(a) && /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ r("span", { className: s.shape }),
+    /* @__PURE__ */ r(e, { ...a })
+  ] }) || z(a) && a || /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ r("span", { className: s.shape }),
+    /* @__PURE__ */ r(e, { svgElement: a })
+  ] }),
+  m && /* @__PURE__ */ r(v, { ...m, size: "xs", variant: "base", className: s.badge })
+] }) : null;
+export {
+  B as NotificationItemIcon
+};

package/dist/components/Notifications/index.js

@@ -0,0 +1,10 @@
+import { NotificationItem as i } from "./NotificationItem.js";
+import { NotificationItemBase as r } from "./NotificationItemBase.js";
+import { NotificationItemControls as m } from "./NotificationItemControls.js";
+import { NotificationItemIcon as a } from "./NotificationItemIcon.js";
+export {
+  i as NotificationItem,
+  r as NotificationItemBase,
+  m as NotificationItemControls,
+  a as NotificationItemIcon
+};

package/dist/components/RootProvider/RootProvider.js

@@ -1,47 +1,59 @@
 "use client";
-import { jsx as I } from "react/jsx-runtime";
-import { createContext as g, useState as p, useContext as C } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { createContext as p, useState as C, useContext as x } from "react";
 import { useEscapeKey as f } from "../../hooks/useEscapeKey.js";
 import "../../index-L8X2o7IH.js";
-import { SnackbarProvider as x } from "../Snackbar/useSnackbar.js";
-const b = {
+import { SnackbarProvider as i } from "../Snackbar/useSnackbar.js";
+const P = {
   currentId: "",
   previousId: "",
-  debug: !1
-}, v = g(b), A = ({ children: t, initialValue: o, debug: r }) => {
-  const [c, d] = p((o == null ? void 0 : o.currentId) || ""), [s, n] = p((o == null ? void 0 : o.previousId) || "");
-  return /* @__PURE__ */ I(
-    v.Provider,
+  debug: !1,
+  setCurrentId: () => {
+    console.warn("setCurrentId called outside of RootProvider context");
+  },
+  setPreviousId: () => {
+    console.warn("setPreviousId called outside of RootProvider context");
+  },
+  languageCode: "nb"
+}, g = p(P), A = ({ children: s, initialValue: o, debug: n, languageCode: t }) => {
+  const [d, c] = C((o == null ? void 0 : o.currentId) || ""), [u, r] = C((o == null ? void 0 : o.previousId) || "");
+  return /* @__PURE__ */ v(
+    g.Provider,
     {
       value: {
-        currentId: c,
-        setCurrentId: d,
-        setPreviousId: n,
-        previousId: s,
-        debug: r
+        currentId: d,
+        setCurrentId: c,
+        setPreviousId: r,
+        previousId: u,
+        debug: n,
+        languageCode: t
       },
-      children: /* @__PURE__ */ I(x, { children: t })
+      children: /* @__PURE__ */ v(i, { children: s })
     }
   );
-}, S = () => {
-  const { currentId: t, setCurrentId: o, debug: r, setPreviousId: c, previousId: d } = C(v), s = (e) => {
-    t && c(t), o(e);
-  }, n = (e) => {
-    r && console.debug(`useRootContext: toggleId called with value: ${e}`), s(t === e ? "" : e);
-  }, u = () => {
-    r && console.debug("useRootContext: closeAll called"), s("");
+}, E = () => {
+  const s = x(g);
+  if (!s)
+    throw new Error("useRootContext must be used within a RootProvider.");
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: d, previousId: c, languageCode: u } = s, r = (e) => {
+    o && d(o), n(e);
+  }, l = (e) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${e}`), r(o === e ? "" : e);
+  }, I = () => {
+    t && console.debug("useRootContext: closeAll called"), r("");
   };
-  return f(u), {
-    currentId: t,
-    previousId: d,
-    toggleId: n,
-    closeAll: u,
+  return f(I), {
+    currentId: o,
+    previousId: c,
+    toggleId: l,
+    closeAll: I,
     openId: (e) => {
-      r && console.debug(`useRootContext: openId called with value: ${e}`), s(e);
-    }
+      t && console.debug(`useRootContext: openId called with value: ${e}`), r(e);
+    },
+    languageCode: u
   };
 };
 export {
   A as RootProvider,
-  S as useRootContext
+  E as useRootContext
 };

package/dist/components/Searchbar/Searchbar.js

@@ -1,8 +1,8 @@
 import { jsxs as S, jsx as g } from "react/jsx-runtime";
 import { useState as k } from "react";
 import "../../index-L8X2o7IH.js";
-import { useRootContext as v } from "../RootProvider/RootProvider.js";
-import { useIsDesktop as j } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as v } from "../../hooks/useIsDesktop.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { SearchbarBase as x } from "./SearchbarBase.js";
 import { SearchbarField as D } from "./SearchbarField.js";
 import { Autocomplete as P } from "./Autocomplete.js";
@@ -15,7 +15,7 @@ const K = ({
   tabIndex: T,
   ...e
 }) => {
-  const [i, l] = k(!1), { previousId: A, openId: B } = v(), F = j();
+  const [i, l] = k(!1), { previousId: A, openId: B } = j(), F = v();
   return /* @__PURE__ */ S(
     x,
     {

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -6,8 +6,8 @@ import { IconButton as z } from "../Button/IconButton.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import "../RootProvider/RootProvider.js";
 import { QueryLabel as S } from "../Searchbar/QueryLabel.js";
-import "../Snackbar/useSnackbar.js";
 import { TextField as h } from "../Forms/TextField.js";
+import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as G } from "./SettingsItemBase.js";
 import { SettingsModal as j } from "./SettingsModal.js";
 import { S as C } from "../../MagnifyingGlass-bwVhw07z.js";