@altinn/altinn-components 0.24.2 → 0.24.5

package/dist/Checkmark-RgzvRNxP.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = a((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/PersonCircle-DMwECpgW.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const p = a((t, n) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = l ? e || "title-" + o : void 0, i.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": o }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.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 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/altinn-ds-overrides.css

@@ -36,4 +36,9 @@
   --ds-color-accent-text-default: var(--ds-color-company-text-default);
   --ds-color-accent-contrast-default: var(--ds-color-company-contrast-default);
   --ds-color-accent-contrast-subtle: var(--ds-color-company-contrast-subtle);
+
+  /* Override tokens from designSystem & altinn-components */
+  --ds-color-neutral-surface-default: #fff;
+  --ds-body-md-font-size: 1rem;
+  --ds-color-text-subtle: #10204a;
 }

package/dist/assets/AccountButton.css

@@ -0,0 +1 @@
+._label_1dcj3_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1dcj3_7[data-size=lg]{font-size:1rem;line-height:1.25;font-weight:500}._description_1dcj3_13{font-size:.875rem;color:var(--ds-color-text-subtle)}

package/dist/assets/EndUserLabel.css

@@ -0,0 +1 @@
+._text_1tx3s_1{-webkit-user-select:none;user-select:none;display:flex;align-items:center;column-gap:.5rem;line-height:1.25rem;color:var(--ds-color-neutral-text-subtle);margin:0}._icon_1tx3s_11{font-size:1.25rem}._label_1tx3s_15{font-size:.875rem}

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_1hlpr_1{display:flex;flex-direction:column}._footer_1hlpr_6{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1hlpr_14[data-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1hlpr_20[data-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1hlpr_14[data-expanded=true]{display:none}._dropdown_1hlpr_20[data-expanded=true]{display:block;z-index:2}}
+._nav_b7k4e_1{display:flex;flex-direction:column}._footer_b7k4e_6{padding:1rem .5rem;display:flex;row-gap:1rem;width:100%;flex-direction:column;align-items:stretch}._drawer_b7k4e_16[data-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_b7k4e_22[data-expanded=true]{display:none}@media (min-width: 1024px){._drawer_b7k4e_16[data-expanded=true]{display:none}._dropdown_b7k4e_22[data-expanded=true]{display:block;z-index:2}}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_go19k_1{font:inherit;color:inherit;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_go19k_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_go19k_1[data-size=md]{min-height:56px}._item_go19k_1[data-size=md]{min-height:44px}._item_go19k_1[data-size=sm]{min-height:40px}._content_go19k_44{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_go19k_52{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_go19k_59{font-size:.875rem;white-space:nowrap}._linkIcon_go19k_64{font-size:1.5rem}._item_go19k_1,._item_go19k_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_go19k_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_go19k_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_go19k_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_go19k_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_go19k_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_go19k_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}
+._item_1gk35_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1gk35_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1gk35_1[data-size=md]{min-height:56px}._item_1gk35_1[data-size=md]{min-height:44px}._item_1gk35_1[data-size=sm]{min-height:40px}._content_1gk35_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1gk35_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1gk35_60{font-size:.875rem;white-space:nowrap}._linkIcon_1gk35_65{font-size:1.5rem}._item_1gk35_1,._item_1gk35_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1gk35_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1gk35_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1gk35_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1gk35_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1gk35_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1gk35_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_1ejxp_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1ejxp_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_1ejxp_7[data-size=md],._title_1ejxp_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._description_1ejxp_25{font-size:.875rem;color:var(--ds-color-text-subtle)}
+._label_1ehsf_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1ehsf_7{font-weight:400}._title_1ehsf_7[data-weight=medium]{font-weight:500}._title_1ehsf_7[data-size=lg]{font-size:1.125rem;line-height:1.25}._title_1ehsf_7[data-size=md],._title_1ehsf_7[data-size=sm]{font-size:1rem;line-height:1.25}._description_1ehsf_30{font-size:.875rem;color:var(--ds-color-text-subtle)}

package/dist/components/Dialog/DialogListGroup.js

@@ -1,41 +1,22 @@
-"use client";
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as m from "react";
-import { forwardRef as f } from "react";
-import { Button as p } from "../Button/Button.js";
+import "react";
+import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as c } from "../List/ListBase.js";
-import { Heading as d } from "../Typography/Heading.js";
+import { ListBase as n } from "../List/ListBase.js";
+import { Heading as p } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
-import { Section as u } from "../Page/Section.js";
-import { u as g } from "../../useId-CsCRkvK3.js";
-var v = function(e, i) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      i.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
-};
-const w = f((e, i) => {
-  var { title: r, titleId: t } = e, o = v(e, ["title", "titleId"]);
-  let n = g();
-  return n = r ? t || "title-" + n : void 0, m.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: i, "aria-labelledby": n }, o),
-    r ? m.createElement("title", { id: n }, r) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
-  );
-}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(u, { spacing: 3, children: [
-  e && /* @__PURE__ */ a(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ l(d, { size: "lg", children: e }),
-    r && /* @__PURE__ */ l(p, { variant: "text", icon: w, size: "sm", children: r })
+import { Section as c } from "../Page/Section.js";
+import { S as a } from "../../Checkmark-RgzvRNxP.js";
+const B = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
+  i && /* @__PURE__ */ t(s, { direction: "row", align: "center", justify: "between", children: [
+    /* @__PURE__ */ r(p, { size: "lg", children: i }),
+    o && /* @__PURE__ */ r(e, { variant: "text", icon: a, size: "sm", children: o })
   ] }),
-  /* @__PURE__ */ l(c, { spacing: 3, children: i })
+  /* @__PURE__ */ r(n, { spacing: 3, children: m })
 ] });
 export {
-  P as DialogListGroup
+  B as DialogListGroup
 };

package/dist/components/Dropdown/DrawerBase.js

@@ -1,19 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const c = "_drawer_18fhf_1", n = {
+import '../../assets/DrawerBase.css';const c = "_drawer_18fhf_1", m = {
   drawer: c
-}, f = ({ layout: a, placement: e = "inline", open: r = !1, className: t, children: d }) => /* @__PURE__ */ o(
-  "div",
+}, i = ({
+  layout: a,
+  placement: e = "inline",
+  open: t = !1,
+  className: r,
+  children: o,
+  as: n = "div"
+}) => /* @__PURE__ */ d(
+  n,
   {
-    className: s(n.drawer, t),
+    className: s(m.drawer, r),
     "data-placement": e,
     "data-layout": a,
     "data-theme": "default",
     "data-color": "company",
-    "data-expanded": r,
-    children: d
+    "data-expanded": t,
+    children: o
   }
 );
 export {
-  f as DrawerBase
+  i as DrawerBase
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,36 +1,36 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import { useRef as l } from "react";
-import { useClickOutside as c } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const f = "_dropdown_139me_1", u = {
-  dropdown: f
-}, _ = ({
-  layout: a,
-  placement: d = "left",
-  padding: t = !0,
+import { useClickOutside as f } from "../../hooks/useClickOutside.js";
+import '../../assets/DropdownBase.css';const i = "_dropdown_139me_1", u = {
+  dropdown: i
+}, h = ({
+  layout: t,
+  placement: a = "left",
+  padding: d = !0,
   open: e = !1,
-  className: r,
-  children: n,
-  onClose: s
+  className: n,
+  children: r,
+  onClose: s,
+  as: m = "div"
 }) => {
   const o = l(null);
-  return c(o, s), /* @__PURE__ */ m(
-    "div",
+  return f(o, s), /* @__PURE__ */ p(
+    m,
     {
       ref: o,
-      className: p(u.dropdown, r),
-      "data-layout": a,
+      className: c(u.dropdown, n),
+      "data-layout": t,
       "data-theme": "default",
       "data-color": "company",
       "data-shadow": "md",
-      "data-placement": d,
-      "data-padding": t,
-      role: "menu",
+      "data-placement": a,
+      "data-padding": d,
       "data-expanded": e,
-      children: n
+      children: r
     }
   );
 };
 export {
-  _ as DropdownBase
+  h as DropdownBase
 };

package/dist/components/DsComponents/index.js

@@ -0,0 +1,23 @@
+import { A as D, B as e, a as o, C as i, b as n, c as t, D as r, d as g, H as b, L as d, e as h, f as p, P, g as l, h as C, S as L, i as S, j as c, T as k, u as m } from "../../usePagination-CBMPUKt_.js";
+export {
+  D as DsAlert,
+  e as DsBadge,
+  o as DsButton,
+  i as DsCheckbox,
+  n as DsChip,
+  t as DsCombobox,
+  r as DsDetails,
+  g as DsDialog,
+  b as DsHeading,
+  d as DsLink,
+  h as DsListItem,
+  p as DsListUnordered,
+  P as DsPagination,
+  l as DsParagraph,
+  C as DsPopover,
+  L as DsSearch,
+  S as DsSkeleton,
+  c as DsSpinner,
+  k as DsTabs,
+  m as useDsPagination
+};

package/dist/components/GlobalMenu/AccountButton.js

@@ -1,16 +1,20 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { MenuItemBase as m } from "../Menu/MenuItemBase.js";
-import { MenuItemLabel as p } from "../Menu/MenuItemLabel.js";
-import { MenuItemIcon as s } from "../Menu/MenuItemIcon.js";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { MenuItemBase as r } from "../Menu/MenuItemBase.js";
+import { MenuItemLabel as s } from "../Menu/MenuItemLabel.js";
+import { MenuItemIcon as t } from "../Menu/MenuItemIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../ChevronRight-DUaHaWi-.js";
-const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: g, as: "button", children: [
+import { S as n } from "../../ChevronRight-DUaHaWi-.js";
+import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_1dcj3_7", f = "_description_1dcj3_13", l = {
+  label: _,
+  title: b,
+  description: f
+}, w = ({ account: e, linkText: p, onClick: d, multipleAccounts: o }) => o ? /* @__PURE__ */ m(r, { size: "lg", onClick: d, linkText: p, linkIcon: n, as: "button", children: [
   /* @__PURE__ */ i(
-    s,
+    t,
     {
       size: "xl",
       avatar: {
@@ -19,20 +23,38 @@ const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ?
       }
     }
   ),
-  /* @__PURE__ */ i(p, { size: "lg", title: e == null ? void 0 : e.name, description: e == null ? void 0 : e.description })
-] }) : /* @__PURE__ */ r(m, { size: "lg", as: "div", children: [
   /* @__PURE__ */ i(
     s,
     {
-      size: "lg",
+      className: l.label,
+      size: "md",
+      title: e == null ? void 0 : e.name,
+      weight: "medium",
+      description: e == null ? void 0 : e.description
+    }
+  )
+] }) : /* @__PURE__ */ m(r, { size: "lg", as: "div", children: [
+  /* @__PURE__ */ i(
+    t,
+    {
+      size: "xl",
       avatar: {
         name: e.name,
         type: e.type
       }
     }
   ),
-  /* @__PURE__ */ i(p, { size: "lg", title: e == null ? void 0 : e.name, description: e == null ? void 0 : e.description })
+  /* @__PURE__ */ i(
+    s,
+    {
+      className: l.label,
+      size: "md",
+      title: e == null ? void 0 : e.name,
+      weight: "medium",
+      description: e == null ? void 0 : e.description
+    }
+  )
 ] });
 export {
-  j as AccountButton
+  w as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
+import { jsx as v } from "react/jsx-runtime";
 import { useState as L } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Menu as M } from "../Menu/Menu.js";
-const a = (d) => `${d} hits`, R = ({
+const w = (d) => `${d} hits`, k = ({
   accounts: d = [],
-  accountGroups: C = {},
+  accountGroups: y = {},
   accountSearch: s,
   onSelectAccount: m,
   currentAccount: p,
-  isVirtualized: I
+  isVirtualized: C
 }) => {
   var f;
   const t = d.map((e) => ({
@@ -20,16 +20,16 @@ const a = (d) => `${d} hits`, R = ({
     groupId: e.groupId || "search",
     selected: e.selected ?? (p == null ? void 0 : p.id) === e.id,
     title: e.name,
-    ...(e == null ? void 0 : e.accountNames) && {
+    ...(e == null ? void 0 : e.items) && {
       avatarGroup: {
         size: "sm",
-        items: e.accountNames.map((r) => ({
-          name: r,
-          type: e.type
+        items: e.items.map((i) => ({
+          name: i.name,
+          type: i.type || e.type
         }))
       }
     },
-    ...!(e != null && e.accountNames) && {
+    ...!(e != null && e.items) && {
       avatar: {
         size: "md",
         type: e.type,
@@ -39,36 +39,36 @@ const a = (d) => `${d} hits`, R = ({
     badge: e.badge,
     alertBadge: e.alertBadge,
     onClick: () => m == null ? void 0 : m(e.id || e.name)
-  })), [i, g] = L(""), l = i ? t.filter((e) => {
-    var r;
-    return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
+  })), [l, g] = L(""), r = l ? t.filter((e) => {
+    var i;
+    return (i = e == null ? void 0 : e.title) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : t, b = i ? {
+  })) : t, I = l ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? a(l.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? w(r.length)
     }
-  } : C, h = {
+  } : y, b = {
     name: "account-search",
-    value: i,
+    value: l,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
     onChange: (e) => g(e.target.value),
     onClear: () => g("")
-  }, v = [
-    ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
+  }, h = [
+    ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     M,
     {
       theme: "default",
-      search: s && h,
-      groups: b,
-      items: v,
-      isVirtualized: I
+      search: s && b,
+      groups: I,
+      items: h,
+      isVirtualized: C
     }
   );
 };
 export {
-  R as AccountMenu
+  k as AccountMenu
 };

package/dist/components/GlobalMenu/EndUserLabel.js

@@ -0,0 +1,13 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { S as l } from "../../PersonCircle-DMwECpgW.js";
+import '../../assets/EndUserLabel.css';const n = "_text_1tx3s_1", o = "_icon_1tx3s_11", c = "_label_1tx3s_15", s = {
+  text: n,
+  icon: o,
+  label: c
+}, x = ({ children: e }) => /* @__PURE__ */ a("p", { className: s.text, children: [
+  /* @__PURE__ */ t(l, { className: s.icon, "aria-hidden": !0 }),
+  /* @__PURE__ */ t("span", { className: s.label, children: e })
+] });
+export {
+  x as EndUserLabel
+};

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,80 +1,88 @@
 "use client";
-import { jsxs as i, jsx as r, Fragment as f } from "react/jsx-runtime";
-import { useState as L, useMemo as H } from "react";
+import { jsxs as m, jsx as i, Fragment as g } from "react/jsx-runtime";
+import { useState as I, useMemo as S } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as I } from "./AccountMenu.js";
-import { AccountButton as W } from "./AccountButton.js";
-import { BackButton as q } from "./BackButton.js";
-import { LogoutButton as M } from "./LogoutButton.js";
+import { AccountMenu as W } from "./AccountMenu.js";
+import { AccountButton as q } from "./AccountButton.js";
+import { BackButton as w } from "./BackButton.js";
+import { LogoutButton as k } from "./LogoutButton.js";
+import { EndUserLabel as v } from "./EndUserLabel.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as n } from "../Menu/MenuBase.js";
-import { Menu as k } from "../Menu/Menu.js";
-import { GlobalMenuBase as c, GlobalMenuHeader as g, GlobalMenuFooter as b } from "./GlobalMenuBase.js";
-const U = ({
-  accounts: p = [],
-  accountGroups: v = {},
-  accountSearch: x,
-  items: d = [],
+import { MenuListItem as o } from "../Menu/MenuBase.js";
+import { Menu as x } from "../Menu/Menu.js";
+import { GlobalMenuBase as h, GlobalMenuHeader as z, GlobalMenuFooter as G } from "./GlobalMenuBase.js";
+const $ = ({
+  accounts: f = [],
+  accountGroups: b = {},
+  accountSearch: B,
+  items: n = [],
   groups: s,
-  changeLabel: G = "Change",
-  backLabel: B = "Back",
-  currentAccount: m,
-  onSelectAccount: l,
-  onClose: t,
-  logoutButton: a,
-  isVirtualized: T
+  changeLabel: T = "Change",
+  backLabel: j = "Back",
+  currentAccount: a,
+  currentEndUserLabel: t = "Signed in",
+  onSelectAccount: p,
+  onClose: e,
+  logoutButton: l,
+  isVirtualized: F
 }) => {
-  const [j, A] = L(!1), o = () => {
-    A((e) => !e);
-  }, F = (e) => {
-    o(), t == null || t(), l == null || l(e);
-  }, h = H(() => d.map((e) => ({
-    ...e,
+  const [u, y] = I(!1), d = () => {
+    y((r) => !r);
+  }, H = (r) => {
+    d(), e == null || e(), p == null || p(r);
+  }, M = S(() => n.map((r) => ({
+    ...r,
     onClick: () => {
-      var u;
-      (u = e.onClick) == null || u.call(e), t == null || t();
+      var c;
+      (c = r.onClick) == null || c.call(r), e == null || e();
     }
-  })), [d, t]);
-  return j ? /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(q, { onClick: o, label: B }) }),
-    /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
-    /* @__PURE__ */ r(
-      I,
+  })), [n, e]);
+  return u ? /* @__PURE__ */ m(h, { children: [
+    /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(w, { onClick: d, label: j }) }),
+    /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
+    /* @__PURE__ */ i(
+      W,
       {
-        currentAccount: m,
-        accounts: p,
-        accountGroups: v,
-        accountSearch: x,
-        onSelectAccount: F,
-        isVirtualized: T
+        currentAccount: a,
+        accounts: f,
+        accountGroups: b,
+        accountSearch: B,
+        onSelectAccount: H,
+        isVirtualized: F
       }
     )
-  ] }) : m ? /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-      W,
+  ] }) : a ? /* @__PURE__ */ m(h, { color: a == null ? void 0 : a.type, children: [
+    /* @__PURE__ */ i(
+      q,
       {
-        account: m,
-        linkText: G,
-        multipleAccounts: p.length > 1,
-        onClick: o
+        account: a,
+        linkText: T,
+        multipleAccounts: f.length > 1,
+        onClick: d
       }
-    ) }),
-    /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
-    /* @__PURE__ */ r(k, { groups: s, items: h, theme: "default" }),
-    a && /* @__PURE__ */ i(f, { children: [
-      /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
-      /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(M, { ...a }) })
+    ),
+    /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
+    /* @__PURE__ */ i(x, { groups: s, items: M, theme: "default" }),
+    l && /* @__PURE__ */ m(g, { children: [
+      /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
+      /* @__PURE__ */ m(G, { children: [
+        t && /* @__PURE__ */ i(v, { children: t }),
+        /* @__PURE__ */ i(k, { ...l })
+      ] })
     ] })
-  ] }) : /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(k, { groups: s, items: h }),
-    a && /* @__PURE__ */ i(f, { children: [
-      /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
-      /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(M, { ...a }) })
+  ] }) : /* @__PURE__ */ m(h, { children: [
+    /* @__PURE__ */ i(x, { groups: s, items: M }),
+    l && /* @__PURE__ */ m(g, { children: [
+      /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
+      /* @__PURE__ */ m(G, { children: [
+        t && /* @__PURE__ */ i(v, { children: t }),
+        /* @__PURE__ */ i(k, { ...l })
+      ] })
     ] })
   ] });
 };
 export {
-  U as GlobalMenu
+  $ as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,12 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const a = "_nav_1hlpr_1", t = "_footer_1hlpr_6", n = "_drawer_1hlpr_14", s = "_dropdown_1hlpr_20", e = {
-  nav: a,
-  footer: t,
-  drawer: n,
-  dropdown: s
-}, d = ({ children: o }) => /* @__PURE__ */ r("nav", { className: e.nav, "data-theme": "default", children: o }), _ = ({ children: o }) => /* @__PURE__ */ r("header", { className: e.header, children: o }), c = ({ children: o }) => /* @__PURE__ */ r("footer", { className: e.footer, children: o });
+import { jsx as e } from "react/jsx-runtime";
+import '../../assets/GlobalMenuBase.css';const t = "_nav_b7k4e_1", n = "_footer_b7k4e_6", s = "_drawer_b7k4e_16", d = "_dropdown_b7k4e_22", r = {
+  nav: t,
+  footer: n,
+  drawer: s,
+  dropdown: d
+}, l = ({ color: o = "company", children: a }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "default", "data-color": o, children: a }), _ = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), b = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
 export {
-  d as GlobalMenuBase,
-  c as GlobalMenuFooter,
+  l as GlobalMenuBase,
+  b as GlobalMenuFooter,
   _ as GlobalMenuHeader
 };