@altinn/altinn-components 0.63.4 → 0.63.6

package/dist/components/Forms/Legend.js

@@ -1,6 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { F as d } from "../../fieldset-legend-B6lDmp0N.js";
-const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
+import { p as d } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const s = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
   d,
   {
     ...t,
@@ -10,5 +11,5 @@ const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
   }
 );
 export {
-  m as Legend
+  s as Legend
 };

package/dist/components/Forms/Radio.js

@@ -1,19 +1,20 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+const R = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
   /* @__PURE__ */ o(n, { ...m, type: "radio" }),
   !!r && /* @__PURE__ */ o(d, { children: r })
 ] });
 export {
-  L as Radio
+  R as Radio
 };

package/dist/components/Forms/RadioOptions.js

@@ -1,15 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Radio as a } from "./Radio.js";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const u = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
+const B = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {
-  u as RadioOptions
+  B as RadioOptions
 };

package/dist/components/Forms/SearchField.js

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import "./Input.js";
-import { S as h } from "../../ToolbarSearch-CDOcKzpM.js";
+import { S as l } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,5 +11,5 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/TypingIcon.js";
 export {
-  h as SearchField
+  l as SearchField
 };

package/dist/components/Forms/Select.js

@@ -1,25 +1,7 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { c as f } from "../../lite-1fxw3LjI.js";
-import { forwardRef as l } from "react";
-import { S as s } from "../../index-D7FJjvrv.js";
-const m = l(function({ className: t, onKeyDown: o, onMouseDown: e, width: c, ...i }, u) {
-  return r("select", { className: f("ds-input", t), "data-width": c, ref: u, onKeyDown: (n) => {
-    n.key !== "Tab" && (i.readOnly && n.preventDefault(), o?.(n));
-  }, onMouseDown: (n) => {
-    i.readOnly && n.preventDefault(), e?.(n);
-  }, ...i });
-}), O = l(function({ asChild: t, ...o }, e) {
-  return r(t ? s : "optgroup", { ...o, ref: e });
-}), S = l(function({ asChild: t, ...o }, e) {
-  return r(t ? s : "option", { ...o, ref: e });
-}), a = Object.assign(m, {
-  Option: S,
-  Optgroup: O
-});
-a.Option.displayName = "Select.Option";
-a.Optgroup.displayName = "Select.Optgroup";
-const w = ({ size: p = "md", color: t, children: o, ...e }) => /* @__PURE__ */ r(a, { "data-color": t, "data-size": p, ...e, children: o });
+import { jsx as m } from "react/jsx-runtime";
+import { s as a } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const i = ({ size: o = "md", color: t, children: r, ...e }) => /* @__PURE__ */ m(a, { "data-color": t, "data-size": o, ...e, children: r });
 export {
-  w as Select
+  i as Select
 };

package/dist/components/Forms/SelectField.js

@@ -1,14 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Select as p } from "./Select.js";
-import { F as e } from "../../ToolbarSearch-CDOcKzpM.js";
+import { F as e } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(e, { label: t, size: r, children: /* @__PURE__ */ o(p, { ...i, size: r, children: m }) });
+const j = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(e, { label: t, size: r, children: /* @__PURE__ */ o(p, { ...i, size: r, children: m }) });
 export {
-  h as SelectField
+  j as SelectField
 };

package/dist/components/Forms/Switch.js

@@ -1,10 +1,11 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Field as h } from "./Field.js";
 import { Label as n } from "./Label.js";
 import { Input as f } from "./Input.js";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -12,10 +13,10 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Switch.css';const l = {
   switch: "_switch_en83f_1"
-}, L = ({ className: o, reverse: i, size: m, color: p, label: t, ...c }) => /* @__PURE__ */ s(h, { size: m, color: p, reverse: i, className: e(l.switch, o), children: [
+}, N = ({ className: o, reverse: i, size: m, color: p, label: t, ...c }) => /* @__PURE__ */ s(h, { size: m, color: p, reverse: i, className: e(l.switch, o), children: [
   /* @__PURE__ */ r(f, { ...c, type: "checkbox", role: "switch" }),
   !!t && /* @__PURE__ */ r(n, { children: t })
 ] });
 export {
-  L as Switch
+  N as Switch
 };

package/dist/components/Forms/SwitchOptions.js

@@ -1,15 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Switch as e } from "./Switch.js";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import { OptionsBase as n } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const l = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
+const u = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
 export {
-  l as SwitchOptions
+  u as SwitchOptions
 };

package/dist/components/Forms/TextField.js

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Input as e } from "./Input.js";
-import { F as n } from "../../ToolbarSearch-CDOcKzpM.js";
+import { F as n } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+const B = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  j as TextField
+  B as TextField
 };

package/dist/components/Forms/TextFieldDropdown.js

@@ -2,9 +2,10 @@
 import { jsx as r, jsxs as R } from "react/jsx-runtime";
 import { useId as V, useState as f, useRef as x, useMemo as F, useEffect as _, useCallback as I } from "react";
 import { useClickOutside as A } from "../../hooks/useClickOutside.js";
-import { F as U, B as q, I as z, k as G } from "../../ToolbarSearch-CDOcKzpM.js";
+import { F as U, B as q, I as z, k as G } from "../../ToolbarSearch-75dn6Vnh.js";
 import { DropdownBase as H } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
+import "../../tooltip-B5zQ3zF0.js";
 import { Input as J } from "./Input.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -21,7 +22,7 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, he = ({
+}, be = ({
   label: O,
   helperText: S,
   value: u = "",
@@ -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/Textarea.js

@@ -1,6 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { T as e } from "../../textarea-BBstVlPT.js";
-const x = ({ size: r, color: a, ...t }) => /* @__PURE__ */ o(e, { ...t, "data-size": r, "data-color": a });
+import { r as e } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+const s = ({ size: r, color: t, ...a }) => /* @__PURE__ */ o(e, { ...a, "data-size": r, "data-color": t });
 export {
-  x as Textarea
+  s as Textarea
 };

package/dist/components/Forms/TextareaField.js

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { Textarea as e } from "./Textarea.js";
-import { F as a } from "../../ToolbarSearch-CDOcKzpM.js";
+import { F as a } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+const u = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  j as TextareaField
+  u as TextareaField
 };

package/dist/components/Forms/index.js

@@ -8,7 +8,7 @@ import { Select as c } from "./Select.js";
 import { Radio as S } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { F as B, S as k } from "../../ToolbarSearch-CDOcKzpM.js";
+import { F as B, S as k } from "../../ToolbarSearch-75dn6Vnh.js";
 import { TextField as L } from "./TextField.js";
 import { TextareaField as g } from "./TextareaField.js";
 import { SelectField as D } from "./SelectField.js";

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -3,7 +3,8 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { c as d } from "../../index-p1eeF8LQ.js";
 import m, { forwardRef as v, isValidElement as b } from "react";
 import { Avatar as f } from "../Avatar/Avatar.js";
-import { u as _, s as h } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { u as _, s as h } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import { Button as p } from "../Button/Button.js";
 import "react-dom";
@@ -36,7 +37,7 @@ const N = v((t, a) => {
   avatar: E,
   title: I,
   description: L
-}, A = ({
+}, F = ({
   className: t,
   currentAccount: a,
   expanded: o = !1,
@@ -123,5 +124,5 @@ const N = v((t, a) => {
   }
 };
 export {
-  A as GlobalAccountButton
+  F as GlobalAccountButton
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,25 +1,26 @@
 "use client";
-import { jsx as n, jsxs as a, Fragment as _ } from "react/jsx-runtime";
+import { jsx as n, jsxs as i, Fragment as _ } from "react/jsx-runtime";
 import { useState as F } from "react";
 import { useIsDesktop as A } from "../../hooks/useIsDesktop.js";
-import { AccountSelector as C } from "../AccountSelector/AccountSelector.js";
-import { GlobalMenu as b } from "../GlobalMenu/GlobalMenu.js";
+import { AccountSelector as b } from "../AccountSelector/AccountSelector.js";
+import { GlobalMenu as C } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { u as j } from "../../ToolbarSearch-CDOcKzpM.js";
-import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
-import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
+import { u as j } from "../../ToolbarSearch-75dn6Vnh.js";
+import { GlobalMenuButton as w } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as k } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderDrawer as G } from "./HeaderDrawer.js";
-import { HeaderDropdown as H } from "./HeaderDropdown.js";
-import { HeaderLogo as N } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_container_1iojv_7", B = "_nav_1iojv_53", t = {
-  header: w,
-  container: y,
-  nav: B
-}, X = ({
+import { HeaderDrawer as D } from "./HeaderDrawer.js";
+import { HeaderDropdown as G } from "./HeaderDropdown.js";
+import { HeaderLogo as H } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_container_1iojv_7", y = "_nav_1iojv_53", t = {
+  header: N,
+  container: T,
+  nav: y
+}, Y = ({
   globalMenu: r,
   desktopMenu: d,
   mobileMenu: m,
@@ -29,17 +30,17 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   badge: f,
   onLoginClick: h
 }) => {
-  const { currentId: o, toggleId: i, closeAll: c } = j(), g = () => {
-    i("account");
+  const { currentId: o, toggleId: a, closeAll: c } = j(), g = () => {
+    o !== "account" && window.scrollTo({ top: 0, behavior: "instant" }), a("account");
   }, v = () => {
-    i("menu");
+    a("menu");
   }, l = o === "account" || e?.forceOpenFullScreen || !1, [s, x] = F(!1), O = A();
-  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ a("div", { className: t.container, children: [
-    /* @__PURE__ */ n(N, { ...u, badge: f, className: t.logo }),
-    /* @__PURE__ */ a("nav", { className: t.nav, children: [
-      e && /* @__PURE__ */ a(_, { children: [
+  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ i("div", { className: t.container, children: [
+    /* @__PURE__ */ n(H, { ...u, badge: f, className: t.logo }),
+    /* @__PURE__ */ i("nav", { className: t.nav, children: [
+      e && /* @__PURE__ */ i(_, { children: [
         /* @__PURE__ */ n(
-          D,
+          k,
           {
             currentAccount: e.accountMenu?.currentAccount,
             onClick: e.accountMenu?.currentAccount ? g : h,
@@ -49,7 +50,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
           }
         ),
         /* @__PURE__ */ n(
-          G,
+          D,
           {
             id: "header-account",
             open: l,
@@ -57,18 +58,18 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
             expanded: e?.forceOpenFullScreen || s,
             onToggle: () => x(!s),
-            children: /* @__PURE__ */ n(C, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+            children: /* @__PURE__ */ n(b, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
           }
         )
       ] }),
       /* @__PURE__ */ n(
-        H,
+        G,
         {
           id: "header-menu",
           open: o === "menu",
           onClose: c,
           trigger: /* @__PURE__ */ n(
-            k,
+            w,
             {
               onClick: v,
               expanded: o === "menu",
@@ -77,7 +78,7 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
             }
           ),
           children: /* @__PURE__ */ n(
-            b,
+            C,
             {
               ...r,
               menu: O ? d || r?.menu : m || r?.menu,
@@ -92,5 +93,5 @@ import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_contai
   ] }) });
 };
 export {
-  X as GlobalHeader
+  Y as GlobalHeader
 };

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -1,7 +1,8 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { u as p, s as _, B as d } from "../../ToolbarSearch-CDOcKzpM.js";
+import { u as p, s as _, B as d } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
 import "react-dom";
@@ -28,7 +29,7 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
         close: "Lukk Meny"
       };
   }
-}, T = ({
+}, X = ({
   className: s,
   as: x = "button",
   color: r = "company",
@@ -37,13 +38,13 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
   expanded: o,
   label: n = "Menu",
   badge: a,
-  ...l
+  ...i
 }) => {
-  const { languageCode: i } = p(), { close: m } = M(i);
+  const { languageCode: l } = p(), { close: m } = M(l);
   return /* @__PURE__ */ b(
     g,
     {
-      ...l,
+      ...i,
       type: "button",
       title: o ? m : n,
       onClick: u,
@@ -60,5 +61,5 @@ import '../../assets/GlobalMenuButton.css';const f = "_button_e58u8_3", h = "_ic
   );
 };
 export {
-  T as GlobalMenuButton
+  X as GlobalMenuButton
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,8 +1,9 @@
-import { jsxs as c, Fragment as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
 import { useRef as N, useEffect as h } from "react";
 import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { u as L } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { u as L } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
@@ -15,7 +16,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   footer: R,
   body: F,
   toggleButton: V
-}, Q = ({
+}, W = ({
   id: l,
   open: i,
   onClose: a,
@@ -24,9 +25,9 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   onToggle: v,
   children: _
 }) => {
-  const { languageCode: w } = L(), u = q(w), d = N(null);
+  const { languageCode: w } = L(), u = q(w), m = N(null);
   h(() => {
-    const e = d.current, s = (t) => {
+    const e = m.current, s = (t) => {
       const { clientY: p, clientX: b, target: y } = t;
       if (t instanceof KeyboardEvent && t.key === "Escape") {
         if (o === "none") {
@@ -48,19 +49,19 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
       e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
     };
   }, [o, a]), h(() => {
-    const e = d.current;
+    const e = m.current;
     e && (i ? e.open || e.showModal() : e.open && e.close());
   }, [i]);
   const k = (e) => {
     e.preventDefault(), o === "any" && a();
   };
-  return /* @__PURE__ */ c(m, { children: [
+  return /* @__PURE__ */ c(d, { children: [
     /* @__PURE__ */ r("div", { className: n.backdrop, "aria-hidden": !i }),
     /* @__PURE__ */ c(
       "dialog",
       {
         id: l,
-        ref: d,
+        ref: m,
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
         "data-open": i,
@@ -70,10 +71,10 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
         onClose: o !== "none" ? a : void 0,
         children: [
           /* @__PURE__ */ r("div", { className: n.body, children: _ }),
-          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: v, children: f ? /* @__PURE__ */ c(m, { children: [
+          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: v, children: f ? /* @__PURE__ */ c(d, { children: [
             /* @__PURE__ */ r(z, { className: n.btnIcon, "aria-hidden": "true" }),
             u.minimize
-          ] }) : /* @__PURE__ */ c(m, { children: [
+          ] }) : /* @__PURE__ */ c(d, { children: [
             /* @__PURE__ */ r(j, { className: n.btnIcon, "aria-hidden": "true" }),
             u.fullscreen
           ] }) }) })
@@ -101,5 +102,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   }
 };
 export {
-  Q as HeaderDrawer
+  W as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

@@ -1,15 +1,16 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { g as m } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { g as n } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderDropdown.css';const i = "_dropdown_18s8n_3", s = {
   dropdown: i
-}, x = ({ id: o, open: r, onClose: p, trigger: t, children: d }) => /* @__PURE__ */ n(
-  m,
+}, D = ({ id: o, open: r, onClose: p, trigger: t, children: d }) => /* @__PURE__ */ m(
+  n,
   {
     className: s.dropdown,
     id: o,
@@ -23,5 +24,5 @@ import '../../assets/HeaderDropdown.css';const i = "_dropdown_18s8n_3", s = {
   }
 );
 export {
-  x as HeaderDropdown
+  D as HeaderDropdown
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,8 +1,9 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../index-p1eeF8LQ.js";
-import { u as c, B as g } from "../../ToolbarSearch-CDOcKzpM.js";
+import { u as c, B as g } from "../../ToolbarSearch-75dn6Vnh.js";
 import { Button as p } from "../Button/Button.js";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
@@ -15,7 +16,7 @@ import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1
 }, k = {
   nn: "Gå til framsida",
   en: "Go to homepage"
-}, R = ({ className: s, as: m = "a", href: n = "/", badge: r }) => {
+}, v = ({ className: s, as: m = "a", href: n = "/", badge: r }) => {
   const { languageCode: a } = c(), e = k[a ?? ""] ?? "Gå til forsiden";
   return /* @__PURE__ */ i(p, { variant: "ghost", as: m, className: l(t.logo, s), href: n, title: e, children: [
     /* @__PURE__ */ o(x, { className: t.logomark }),
@@ -24,5 +25,5 @@ import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1
   ] });
 };
 export {
-  R as HeaderLogo
+  v as HeaderLogo
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,8 +1,9 @@
 "use client";
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
 import f, { forwardRef as M, useState as k, useRef as w, useCallback as I, useEffect as O, useMemo as j } from "react";
-import { M as x } from "../../ToolbarSearch-CDOcKzpM.js";
+import { M as x } from "../../ToolbarSearch-75dn6Vnh.js";
 import "../../index-p1eeF8LQ.js";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -29,7 +30,7 @@ const T = M((t, i) => {
     r ? f.createElement("title", { id: n }, r) : null,
     f.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" })
   );
-}), Q = ({
+}), U = ({
   menu: t,
   backLabel: i = "Back",
   onClose: r,
@@ -38,12 +39,12 @@ const T = M((t, i) => {
   localeSwitcher: n,
   isOpen: p = !1
 }) => {
-  const [b, u] = k(!1), s = w(null), m = I(() => {
+  const [b, u] = k(!1), m = w(null), s = I(() => {
     u((o) => !o);
   }, []);
   O(() => {
     p || u(!1);
-    let o = s.current;
+    let o = m.current;
     for (; o; )
       o.scrollTop > 0 && (o.scrollTop = 0), o = o.parentElement;
   }, [p]);
@@ -65,19 +66,19 @@ const T = M((t, i) => {
       title: "Språk/language",
       icon: T,
       size: "sm",
-      onClick: m,
+      onClick: s,
       linkIcon: !0
     };
     return [...o, y];
-  }, [t, r, n, m]);
-  return b ? /* @__PURE__ */ g(h, { ref: s, "aria-label": l, children: [
-    n && /* @__PURE__ */ a(E, { ...n, backLabel: i, onToggle: m }),
+  }, [t, r, n, s]);
+  return b ? /* @__PURE__ */ g(h, { ref: m, "aria-label": l, children: [
+    n && /* @__PURE__ */ a(E, { ...n, backLabel: i, onToggle: s }),
     /* @__PURE__ */ a(R, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ g(h, { ref: s, "aria-label": l, children: [
+  ] }) : /* @__PURE__ */ g(h, { ref: m, "aria-label": l, children: [
     t && /* @__PURE__ */ a(x, { ...t, items: v }),
     e && /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(_, { ...e }) })
   ] });
 };
 export {
-  Q as GlobalMenu
+  U as GlobalMenu
 };