@altinn/altinn-components 0.63.1 → 0.63.3

package/dist/components/Timeline/TimelineSection.js

@@ -1,15 +1,16 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as c } from "../../ToolbarSearch-DT-KvnVb.js";
+import { a as c } from "../../ToolbarSearch-OLv6DjhT.js";
 import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { TimelineBase as l } from "./TimelineBase.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as u } from "../Page/Section.js";
-const w = ({
+const A = ({
   loading: o,
   unread: p,
   level: e,
@@ -38,5 +39,5 @@ const w = ({
   }
 );
 export {
-  w as TimelineSection
+  A as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -1,15 +1,16 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as S } from "../../ToolbarSearch-DT-KvnVb.js";
+import { a as S } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { TimelineBase as h } from "./TimelineBase.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";
 import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const y = ({
+const z = ({
   loading: r,
   unread: m,
   datetime: t,
@@ -27,5 +28,5 @@ const y = ({
   s
 ] }) });
 export {
-  y as TimelineSegment
+  z as TimelineSegment
 };

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,21 +6,22 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { u as x, k as g } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as x, k as g } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { MenuList as M } from "../Menu/MenuList.js";
 import { MenuListItem as m } from "../Menu/MenuListItem.js";
 import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S } from "../../ArrowUndo-hge1gMu8.js";
-import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
+import '../../assets/DatepickerFilter.css';const u = {}, V = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
   onSubmit: b
 }) => {
-  const { fromDate: a, toDate: i } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = y(f), k = (o) => {
+  const { fromDate: i, toDate: a } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = y(f), k = (o) => {
     r?.({
       ...t,
       fromDate: o.target.value
@@ -31,7 +32,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
       toDate: o.target.value
     });
   }, F = (o) => {
-    if (i) {
+    if (a) {
       r?.({
         ...t,
         fromDate: o,
@@ -39,16 +40,16 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
       });
       return;
     }
-    if (!a) {
+    if (!i) {
       r?.({
         ...t,
         fromDate: o
       });
       return;
     }
-    o < a ? r?.({
+    o < i ? r?.({
       ...t,
-      toDate: a,
+      toDate: i,
       fromDate: o
     }) : r?.({
       ...t,
@@ -57,21 +58,21 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   };
   return /* @__PURE__ */ l(M, { children: [
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(g, { variant: "default", icon: S, title: d, onClick: () => {
-      b?.({ fromDate: a, toDate: i });
+      b?.({ fromDate: i, toDate: a });
     } }) }),
     /* @__PURE__ */ e(p, {}),
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ l(v, { size: "xs", children: [
       /* @__PURE__ */ l(n, { children: [
         /* @__PURE__ */ e(c, { children: L }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: a, type: "date", onChange: k })
+        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: i, type: "date", onChange: k })
       ] }),
       /* @__PURE__ */ l(n, { children: [
         /* @__PURE__ */ e(c, { children: D }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: i, type: "date", onChange: h })
+        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: a, type: "date", onChange: h })
       ] })
     ] }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: a, selectTo: i }) })
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: i, selectTo: a }) })
   ] });
 }, y = (t) => {
   switch (t) {
@@ -96,5 +97,5 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   }
 };
 export {
-  Q as DatepickerFilter
+  V as DatepickerFilter
 };

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,14 +1,15 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../ToolbarSearch-DT-KvnVb.js";
+import { M as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { DatepickerFilter as M } from "./DatepickerFilter.js";
 import { formatDateRange as j } from "./formatDateRange.js";
-const P = ({
+const Q = ({
   name: n = "time",
   size: k,
   searchable: v,
@@ -66,5 +67,5 @@ const P = ({
   return a ? /* @__PURE__ */ d("div", { ref: i, children: /* @__PURE__ */ d(M, { formData: { fromDate: t, toDate: r }, onChange: L, onSubmit: s }) }) : /* @__PURE__ */ d(x, { size: k, searchable: v, keyboardEvents: l, items: g, groups: T });
 };
 export {
-  P as SelectDateFilter
+  Q as SelectDateFilter
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { p as l, T as x } from "../../ToolbarSearch-DT-KvnVb.js";
+import { p as l, T as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: p, children: b }) => /* @__PURE__ */ n("span", { className: c.toolbar, "data-size": "xs", children: [

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,15 +2,16 @@ import { jsxs as l, Fragment as L, jsx as i } from "react/jsx-runtime";
 import { useMemo as N, useState as O, createElement as y } from "react";
 import { Button as E } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { s as X } from "../../ToolbarSearch-DT-KvnVb.js";
+import { s as X } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarFilterMenu as q } from "./ToolbarFilterMenu.js";
 import { useFilter as w } from "./useFilter.js";
 import { ToolbarControls as z } from "./ToolbarControls.js";
 import { ToolbarFilterAddMenu as D } from "./ToolbarFilterAddMenu.js";
-const $ = ({
+const S = ({
   disabled: n,
   filters: r,
   filterState: e = {},
@@ -86,5 +87,5 @@ const $ = ({
   ] });
 };
 export {
-  $ as ToolbarFilter
+  S as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,25 +2,26 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useRef as a, useEffect as y } from "react";
 import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { g as w, M as x } from "../../ToolbarSearch-DT-KvnVb.js";
+import { g as w, M as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as R } from "../../Plus-Cj3oOc3N.js";
-const P = ({
+const j = ({
   label: i = "Legg til filter",
   items: d,
   groups: l = {},
-  onAdd: u,
-  onToggle: m,
+  onAdd: m,
+  onToggle: u,
   onClose: c,
   open: r,
-  dropdownSize: f = "sm"
+  dropdownSize: p = "sm"
 }) => {
-  const e = C({ id: "tool-filter-add" }), n = a(r), p = a(!1), s = d?.map((o) => ({
+  const e = C({ id: "tool-filter-add" }), n = a(r), f = a(!1), s = d?.map((o) => ({
     linkIcon: !0,
     ...o,
-    onClick: () => u?.(o?.name ?? "")
+    onClick: () => m?.(o?.name ?? "")
   }));
   if (y(() => {
     const o = n.current;
@@ -29,13 +30,13 @@ const P = ({
     return null;
   const g = () => {
     const o = document.getElementById(e.menuId);
-    p.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
+    f.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
   };
   return /* @__PURE__ */ t(
     w,
     {
       variant: "drawer-dropdown",
-      size: f,
+      size: p,
       trigger: /* @__PURE__ */ h(
         v,
         {
@@ -46,7 +47,7 @@ const P = ({
           "aria-haspopup": "menu",
           "aria-expanded": r,
           "aria-controls": r ? e.menuId : void 0,
-          onClick: m,
+          onClick: u,
           ref: e.triggerRef,
           children: [
             /* @__PURE__ */ t(R, { "aria-hidden": "true", focusable: "false" }),
@@ -62,5 +63,5 @@ const P = ({
   );
 };
 export {
-  P as ToolbarFilterAddMenu
+  j as ToolbarFilterAddMenu
 };

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,14 +2,15 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as c, t as a } from "../../ToolbarSearch-DT-KvnVb.js";
+import { s as c, t as a } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as x } from "../Button/ButtonGroupDivider.js";
-function y({
+function C({
   disabled: e,
   name: i,
   onClick: n,
@@ -42,5 +43,5 @@ function y({
   ] });
 }
 export {
-  y as ToolbarFilterButton
+  C as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,13 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
-import { g as E, M as J } from "../../ToolbarSearch-DT-KvnVb.js";
+import { g as E, M as J } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilterButton as p } from "./ToolbarFilterButton.js";
-const S = ({
+import { ToolbarFilterButton as g } from "./ToolbarFilterButton.js";
+const rr = ({
   as: j,
   disabled: D,
   size: v,
@@ -29,7 +30,7 @@ const S = ({
   search: A,
   virtualized: M,
   title: R,
-  variant: a,
+  variant: m,
   dropdownSize: C = "sm"
 }) => {
   const F = G(t), e = K({ id: "toolbar-filter-menu" });
@@ -38,23 +39,23 @@ const S = ({
     F.current = t, r && !t && e?.triggerRef?.current?.focus();
   }, [t, e.triggerRef]);
   const T = (r) => {
-    const i = r.target.type, g = r.target.name, q = r.target.value;
-    B?.(i, g, q), i === "radio" && l();
-  }, m = y?.map((r) => ({
+    const i = r.target.type, p = r.target.name, q = r.target.value;
+    B?.(i, p, q), i === "radio" && l();
+  }, a = y?.map((r) => ({
     ...r,
     onChange: (i) => T(i)
   })), f = (y?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", P = j || J, s = u ? "combobox" : "menu", V = () => {
     l();
     const r = c?.[o]?.[0];
-    m?.filter((g) => g.checked)?.length === 0 && !r && w?.();
+    a?.filter((p) => p.checked)?.length === 0 && !r && w?.();
   };
   return D ? /* @__PURE__ */ n(
-    p,
+    g,
     {
       disabled: !0,
       name: o,
       removable: !0,
-      variant: a || f,
+      variant: m || f,
       removeLabel: b,
       open: t,
       children: d
@@ -67,13 +68,13 @@ const S = ({
       variant: "drawer-dropdown",
       size: C,
       trigger: /* @__PURE__ */ n(
-        p,
+        g,
         {
           name: o,
           onClick: I,
           onRemove: w,
           removable: !0,
-          variant: a || f,
+          variant: m || f,
           removeLabel: b,
           open: t,
           "aria-expanded": t,
@@ -96,7 +97,7 @@ const S = ({
           size: v,
           searchable: u,
           groups: h,
-          items: m,
+          items: a,
           keyboardEvents: t,
           a11yMode: s,
           ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
@@ -111,7 +112,7 @@ const S = ({
       title: R,
       variant: "drawer-dropdown",
       submitLabel: x,
-      trigger: /* @__PURE__ */ n(p, { name: o, onClick: I, variant: a || f, children: d }),
+      trigger: /* @__PURE__ */ n(g, { name: o, onClick: I, variant: m || f, children: d }),
       open: t,
       onClose: l,
       ...e.dropdownA11yProps,
@@ -125,7 +126,7 @@ const S = ({
           size: v,
           searchable: u,
           groups: h,
-          items: m,
+          items: a,
           keyboardEvents: t,
           a11yMode: s,
           ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
@@ -136,5 +137,5 @@ const S = ({
   );
 };
 export {
-  S as ToolbarFilterMenu
+  rr as ToolbarFilterMenu
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,10 +2,11 @@ import "react/jsx-runtime";
 import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { p as f } from "../../ToolbarSearch-DT-KvnVb.js";
+import { p as l } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  f as ToolbarMenu
+  l as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { T as b } from "../../ToolbarSearch-DT-KvnVb.js";
+import { T as c } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  b as ToolbarSearch
+  c as ToolbarSearch
 };

package/dist/components/Toolbar/index.js

@@ -1,7 +1,7 @@
 import { Toolbar as e } from "./Toolbar.js";
 import { ToolbarFilter as l } from "./ToolbarFilter.js";
 import { ToolbarFilterMenu as m } from "./ToolbarFilterMenu.js";
-import { p as f, T as x } from "../../ToolbarSearch-DT-KvnVb.js";
+import { p as f, T as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import { useFilter as T } from "./useFilter.js";
 import { SelectDateFilter as i } from "./SelectDateFilter.js";
 import { QueryLabel as s } from "./QueryLabel.js";

package/dist/components/Transmission/Transmission.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { B as v } from "../../ToolbarSearch-DT-KvnVb.js";
+import { B as v } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";
@@ -9,13 +9,14 @@ import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { SeenByLog as y } from "../Dialog/SeenByLog.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { ListItem as A } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
 import { TransmissionType as _ } from "./TransmissionType.js";
 import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   title: j
-}, O = ({
+}, P = ({
   type: i,
   unread: o,
   size: d = "xs",
@@ -71,5 +72,5 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   );
 };
 export {
-  O as Transmission
+  P as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -1,20 +1,21 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { a } from "../../ToolbarSearch-DT-KvnVb.js";
+import { a } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { List as o } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Transmission as c } from "./Transmission.js";
-const g = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
-  const { datetime: n, byline: m, createdAtLabel: s } = r;
+const k = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
+  const { datetime: m, byline: n, createdAtLabel: s } = r;
   return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l(o, { children: [
-    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || s }),
+    /* @__PURE__ */ i(a, { as: "li", datetime: m, children: n || s }),
     /* @__PURE__ */ p(c, { ...r, key: e })
   ] }) }, r.id);
 }) }) : null;
 export {
-  g as TransmissionList
+  k as TransmissionList
 };

package/dist/components/Transmission/TransmissionType.js

@@ -1,13 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as o } from "../../ToolbarSearch-DT-KvnVb.js";
+import { B as o } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r.draft = "draft", r))(i || {});
-const j = ({ loading: r, value: t, label: c }) => {
+const s = ({ loading: r, value: t, label: c }) => {
   if (r)
     return null;
   switch (t) {
@@ -24,6 +25,6 @@ const j = ({ loading: r, value: t, label: c }) => {
   }
 };
 export {
-  j as TransmissionType,
+  s as TransmissionType,
   i as TransmissionTypeEnum
 };

package/dist/components/Typography/Heading.js

@@ -2,12 +2,13 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
-import { H as g } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as n } from "../../ToolbarSearch-OLv6DjhT.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  g as Heading
+  n as Heading
 };

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as a } from "../../ToolbarSearch-OLv6DjhT.js";
 import { Link as m } from "./Link.js";
 export {
   a as Heading,

package/dist/components/UserListItem/UserListItem.js

@@ -1,24 +1,25 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import { B as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { B as h } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItemLabel as v } from "../List/ListItemLabel.js";
 import { ListItem as x } from "../List/ListItem.js";
 import '../../assets/UserListItem.css';const L = "_badges_1xfrv_1", g = "_label_1xfrv_12", m = {
   badges: L,
   label: g
-}, k = ({
+}, q = ({
   name: t,
   type: l,
   description: r,
   roleNames: o,
   titleAs: c = "h3",
   subUnit: b = !1,
-  loading: a = !1,
+  loading: i = !1,
   deleted: d = !1,
   ...e
 }) => {
@@ -27,20 +28,20 @@ import '../../assets/UserListItem.css';const L = "_badges_1xfrv_1", g = "_label_
     type: l,
     isParent: l === "company" && !b,
     isDeleted: d
-  }, f = !a && o ? /* @__PURE__ */ s("div", { className: m.badges, children: o.map((i) => /* @__PURE__ */ s(p, { label: i, color: e.color, children: i }, i)) }) : void 0, _ = /* @__PURE__ */ h("div", { className: m.label, "data-size": e.size, children: [
+  }, f = !i && o ? /* @__PURE__ */ s("div", { className: m.badges, children: o.map((a) => /* @__PURE__ */ s(h, { label: a, color: e.color, children: a }, a)) }) : void 0, p = /* @__PURE__ */ _("div", { className: m.label, "data-size": e.size, children: [
     /* @__PURE__ */ s(
       v,
       {
         title: { children: t, as: c },
         description: r,
         size: e.size,
-        loading: a
+        loading: i
       }
     ),
     f
   ] });
-  return /* @__PURE__ */ s(x, { icon: n, ariaLabel: t, label: _, description: r, loading: a, ...e });
+  return /* @__PURE__ */ s(x, { icon: n, ariaLabel: t, label: p, description: r, loading: i, ...e });
 };
 export {
-  k as UserListItem
+  q as UserListItem
 };

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./Account/AccountNotificationS
 import { AccountOrganization as M } from "./Account/AccountOrganization.js";
 import { AccountSelector as T } from "./AccountSelector/AccountSelector.js";
 import { Alert as h } from "./Alert/Alert.js";
-import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-DT-KvnVb.js";
+import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-OLv6DjhT.js";
 import { Banner as mo, BannerColorEnum as ao, BannerVariantEnum as po } from "./Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as so } from "./Bookmarks/BookmarkSettingsList.js";

package/dist/hooks/useAccountSelector.js

@@ -1,17 +1,18 @@
 import { jsx as S } from "react/jsx-runtime";
 import { useRef as x, useMemo as z } from "react";
 import "../index-p1eeF8LQ.js";
-import "../ToolbarSearch-DT-KvnVb.js";
+import "../ToolbarSearch-OLv6DjhT.js";
 import "../components/Typography/Link.js";
 import { Button as G } from "../components/Button/Button.js";
 import "react-dom";
 import { useIsDesktop as Y } from "./useIsDesktop.js";
+import "../components/GlobalMenu/GlobalMenuBase.js";
 import "../components/Snackbar/useSnackbar.js";
 import { formatDisplayName as R } from "../functions/name/name.js";
 import { formatDate as q } from "../functions/date/date.js";
 import { formatOrgNo as j } from "../functions/orgno/orgno.js";
 import { S as J, a as K } from "../HeartFill-CYSrJ_xK.js";
-const H = (o) => o === "Organization" ? "company" : "person", ft = ({
+const H = (o) => o === "Organization" ? "company" : "person", mt = ({
   partyListDTO: o = [],
   favoriteAccountUuids: e,
   currentAccountUuid: f,
@@ -267,5 +268,5 @@ const H = (o) => o === "Organization" ? "company" : "person", ft = ({
   }
 };
 export {
-  ft as useAccountSelector
+  mt as useAccountSelector
 };