@altinn/altinn-components 0.29.0 → 0.29.2

package/dist/PadlockLocked-CwhOOPnp.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as d } from "./useId-BVFxCjkq.js";
+var f = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.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++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const p = i((t, o) => {
+  var { title: l, titleId: e } = t, r = f(t, ["title", "titleId"]);
+  let n = d();
+  return n = l ? e || "title-" + n : 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: o, "aria-labelledby": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_1w7dc_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_1w7dc_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1w7dc_1[data-size=xs] ._label_1w7dc_22{color:transparent;width:100%;height:100%}._badge_1w7dc_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1w7dc_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_1w7dc_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}
+._badge_80cwt_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_80cwt_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_80cwt_1[data-size=xs] ._label_80cwt_22{color:transparent;width:100%;height:100%}._badge_80cwt_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_80cwt_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_80cwt_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_80cwt_1[data-variant=text],._badge_80cwt_1[data-variant=text][data-size=xs],._badge_80cwt_1[data-variant=text][data-size=sm]{--dsc-badge-background: "transparent";--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}

package/dist/assets/ButtonIcon.css

@@ -1 +1 @@
-._icon_1x26x_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1x26x_1[data-size=xs]{font-size:.875rem}._icon_1x26x_1[data-size=sm]{font-size:1rem}._icon_1x26x_1[data-size=md]{font-size:1.125rem}._icon_1x26x_1[data-size=lg]{font-size:1.5rem}._icon_1x26x_1 svg,._icon_1x26x_1 img{display:block;width:1em;height:1em;font-size:1.5em}
+._wrapper_1tenp_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1tenp_8[data-size=xs]{font-size:.875rem}._icon_1tenp_8[data-size=sm]{font-size:1rem}._icon_1tenp_8[data-size=md]{font-size:1.125rem}._icon_1tenp_8[data-size=lg]{font-size:1.5rem}._icon_1tenp_8 svg,._icon_1tenp_8 img{display:block;width:1em;height:1em;font-size:1.5em}._avatar_1tenp_32{font-size:1.5em}._avatarGroup_1tenp_36{font-size:1.125em}

package/dist/assets/GlobalMenuButton.css

@@ -0,0 +1 @@
+._button_af7mx_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_af7mx_13{font-size:1.125rem;font-weight:500;padding:.25rem}._loginIcon_af7mx_19,._closeIcon_af7mx_20,._avatar_af7mx_21{font-size:1.5rem;width:2.25rem;height:2.25rem;border-radius:2px}._loginIcon_af7mx_19{background-color:#fff;color:#000}._closeIcon_af7mx_20{outline:1px solid white}._badge_af7mx_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1df6r_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_1df6r_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1df6r_1[data-size=md]{min-height:56px}._item_1df6r_1[data-size=md]{min-height:44px}._item_1df6r_1[data-size=sm]{min-height:40px}._content_1df6r_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1df6r_1,._item_1df6r_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1df6r_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1df6r_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1df6r_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1df6r_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1df6r_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1df6r_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1df6r_45{display:flex;width:100%;align-items:center;column-gap:.5em;padding:.5}
+._item_1k1tk_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_1k1tk_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1k1tk_1[data-size=md]{min-height:56px}._item_1k1tk_1[data-size=md]{min-height:44px}._item_1k1tk_1[data-size=sm]{min-height:40px}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1k1tk_1,._item_1k1tk_1[data-theme]{background-color:transparent}._item_1k1tk_1{pointer-events:none}._item_1k1tk_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:.5em;padding:.5}

package/dist/assets/SettingsItem.css

@@ -1 +1 @@
-._item_jqpsx_1{--dsc-item-px: 0;--dsc-item-py: 0;--dsc-item-height: 2rem;--dsc-item-background: transparent;--dsc-item-background-hover: none;--dsc-item-outline-color: transparent;--dsc-item-border-color: transparent;box-shadow:none}._label_jqpsx_12{margin:0}
+._item_s2olz_1{--dsc-item-px: 0;--dsc-item-py: 0;--dsc-item-height: 2rem;--dsc-item-background: transparent;--dsc-item-background-hover: none;--dsc-item-outline-color: transparent;--dsc-item-border-color: transparent;box-shadow:none}._item_s2olz_1+._item_s2olz_1{margin-top:.5em}._label_s2olz_16{margin:0}

package/dist/components/Badge/Badge.js

@@ -1,16 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const b = "_badge_1w7dc_1", m = "_label_1w7dc_22", e = {
+import '../../assets/Badge.css';const b = "_badge_80cwt_1", m = "_label_80cwt_22", e = {
   badge: b,
   label: m
-}, g = ({ label: t, color: s, variant: d = "tinted", theme: l, size: c = "sm", className: n, children: o }) => /* @__PURE__ */ a(
+}, g = ({ label: t, color: s, variant: l = "tinted", theme: c, size: d = "sm", className: n, children: o }) => /* @__PURE__ */ a(
   "span",
   {
     className: r(e.badge, n),
     "data-color": s,
-    "data-variant": d,
-    "data-theme": l,
-    "data-size": c,
+    "data-variant": l,
+    "data-theme": c,
+    "data-size": d,
     children: /* @__PURE__ */ a("span", { className: e.label, children: t || o })
   }
 );

package/dist/components/Button/ButtonIcon.js

@@ -1,19 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
-import { isValidElement as i } from "react";
-import { isIconProps as n, Icon as s } from "../Icon/Icon.js";
-import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import { isValidElement as n } from "react";
+import { isIconProps as i, Icon as o } from "../Icon/Icon.js";
+import { isAvatarProps as c, Avatar as _ } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as l, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const x = "_icon_1x26x_1", t = {
-  icon: x
+import '../../assets/ButtonIcon.css';const v = "_wrapper_1tenp_1", u = "_icon_1tenp_8", G = "_avatar_1tenp_32", N = "_avatarGroup_1tenp_36", t = {
+  wrapper: v,
+  icon: u,
+  avatar: G,
+  avatarGroup: N
 };
-function N(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || i(r);
+function d(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
 }
-const v = ({ icon: r, size: a, iconAltText: m, className: p }) => /* @__PURE__ */ o("span", { className: e(t.wrapper, p), "data-size": a, "aria-label": m, children: c(r) && /* @__PURE__ */ o(f, { ...r }) || l(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || n(r) && /* @__PURE__ */ o(s, { ...r, className: t.icon }) || N(r) && r || /* @__PURE__ */ o(s, { svgElement: r, className: t.icon }) });
+const h = ({ icon: r, size: p, iconAltText: s, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": p, "aria-label": s, children: c(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || i(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || d(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
 export {
-  v as ButtonIcon
+  h as ButtonIcon
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,24 +1,24 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as d } from "../Avatar/Avatar.js";
+import { Avatar as a } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as a } from "../Typography/Typography.js";
-import { Heading as c } from "../Typography/Heading.js";
+import { Typography as c } from "../Typography/Typography.js";
+import { Heading as d } from "../Typography/Heading.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as m } from "../Page/Flex.js";
+import { Flex as p } from "../Page/Flex.js";
 import { Section as h } from "../Page/Section.js";
-const k = ({ type: o, name: t, title: p, description: n, loading: e, children: s }) => /* @__PURE__ */ i(h, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
-  /* @__PURE__ */ i(m, { direction: "row", align: "center", spacing: 3, children: [
-    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(d, { style: { fontSize: "2.75rem" }, type: o, name: t, loading: e }) }),
-    /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(c, { size: "lg", loading: e, children: p || t }),
-      /* @__PURE__ */ r(a, { variant: "subtle", size: "xs", loading: e, children: /* @__PURE__ */ r("p", { children: n || o }) })
+const k = ({ type: o, name: t, title: m, description: s, loading: e, children: n }) => /* @__PURE__ */ i(h, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+  /* @__PURE__ */ i(p, { direction: "row", align: "center", spacing: 3, children: [
+    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(a, { style: { fontSize: "2.75rem" }, type: o, name: t, loading: e }) }),
+    /* @__PURE__ */ i(p, { direction: "col", spacing: 0, children: [
+      /* @__PURE__ */ r(d, { size: "lg", loading: e, children: m || t }),
+      /* @__PURE__ */ r(c, { as: "p", variant: "subtle", size: "xs", loading: e, children: s || o })
     ] })
   ] }),
-  /* @__PURE__ */ r(l, { loading: e, children: s })
+  /* @__PURE__ */ r(l, { loading: e, children: n })
 ] });
 export {
   k as DashboardHeader

package/dist/components/GlobalMenu/CurrentAccount.js

@@ -1,28 +1,27 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as o } from "../Menu/MenuItem.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Button as p } from "../Button/Button.js";
-import { S as s } from "../../ChevronRight-BbelnTke.js";
-const y = ({ account: r, as: m, onClick: t, linkText: i }) => /* @__PURE__ */ e(
-  o,
+import { MenuItem as t } from "../Menu/MenuItem.js";
+const v = ({ account: i, multipleAccounts: e, as: r, onClick: m }) => /* @__PURE__ */ p(
+  t,
   {
     id: "account",
     size: "lg",
-    as: m,
-    onClick: t,
-    controls: i && /* @__PURE__ */ e(p, { as: "div", icon: s, reverse: !0, variant: "outline", size: "xs", children: i }),
+    interactive: !!e,
+    as: e ? r : "div",
+    onClick: m,
+    linkIcon: e,
     icon: {
-      name: r.name,
-      type: r.type
+      name: i.name,
+      type: i.type
     },
-    title: { children: r == null ? void 0 : r.name, size: "sm", weight: "medium" },
-    description: r == null ? void 0 : r.description
+    title: { children: i == null ? void 0 : i.name, size: "sm", weight: "medium" },
+    description: i == null ? void 0 : i.description
   }
 );
 export {
-  y as CurrentAccount
+  v as CurrentAccount
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,36 +1,35 @@
 "use client";
 import { jsxs as p, jsx as r, Fragment as y } from "react/jsx-runtime";
-import { useState as w, useMemo as z } from "react";
+import { useState as q, useMemo as w } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountMenu as D } from "../Account/AccountMenu.js";
+import { AccountMenu as z } from "../Account/AccountMenu.js";
 import "../RootProvider/RootProvider.js";
-import { CurrentAccount as J } from "./CurrentAccount.js";
-import { BackButton as K } from "./BackButton.js";
-import { LogoutButton as T } from "./LogoutButton.js";
-import { EndUserLabel as j } from "./EndUserLabel.js";
+import { CurrentAccount as D } from "./CurrentAccount.js";
+import { BackButton as J } from "./BackButton.js";
+import { LogoutButton as j } from "./LogoutButton.js";
+import { EndUserLabel as B } from "./EndUserLabel.js";
 import "../Searchbar/AutocompleteBase.js";
-import { MenuListItem as h } from "../Menu/MenuBase.js";
-import { Menu as B } from "../Menu/Menu.js";
+import { MenuListItem as f } from "../Menu/MenuBase.js";
+import { Menu as F } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-import { GlobalMenuBase as s, GlobalMenuHeader as L, GlobalMenuFooter as F } from "./GlobalMenuBase.js";
+import { GlobalMenuBase as s, GlobalMenuHeader as K, GlobalMenuFooter as T } from "./GlobalMenuBase.js";
 const c = ({
   accountMenu: l,
   items: k = [],
-  groups: g,
-  changeLabel: H = "Change",
-  backLabel: M = "Back",
+  groups: v,
+  backLabel: H = "Back",
   currentAccount: d,
   currentEndUserLabel: t = "Signed in",
-  onSelectAccount: f,
+  onSelectAccount: h,
   onClose: m,
   logoutButton: e
 }) => {
-  var x;
-  const [S, W] = w(!1), o = () => {
-    W((i) => !i);
-  }, q = (i) => {
-    o(), m == null || m(), f == null || f(i);
-  }, v = z(() => k.map((i) => ({
+  var G;
+  const [M, S] = q(!1), o = () => {
+    S((i) => !i);
+  }, W = (i) => {
+    o(), m == null || m(), h == null || h(i);
+  }, g = w(() => k.map((i) => ({
     ...i,
     onClick: () => {
       var a;
@@ -39,48 +38,47 @@ const c = ({
     items: Array.isArray(i.items) ? i.items.map((a) => ({
       ...a,
       onClick: () => {
-        var G;
-        (G = a.onClick) == null || G.call(a), m == null || m();
+        var x;
+        (x = a.onClick) == null || x.call(a), m == null || m();
       }
     })) : void 0
   })), [k, m]);
-  if (S)
+  if (M)
     return /* @__PURE__ */ p(s, { children: [
-      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(K, { onClick: o, label: M }) }),
-      /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
-      l && /* @__PURE__ */ r(D, { ...l, currentAccount: d, onSelectAccount: q })
+      /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(J, { onClick: o, label: H }) }),
+      /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
+      l && /* @__PURE__ */ r(z, { ...l, currentAccount: d, onSelectAccount: W })
     ] });
   if (d) {
-    const i = l && ((x = l == null ? void 0 : l.items) == null ? void 0 : x.length) > 1;
+    const i = l && ((G = l == null ? void 0 : l.items) == null ? void 0 : G.length) > 1;
     return /* @__PURE__ */ p(s, { color: d == null ? void 0 : d.type, children: [
       /* @__PURE__ */ r(
-        J,
+        D,
         {
           account: d,
-          linkText: H,
           multipleAccounts: i,
           as: i ? "button" : "div",
           onClick: i ? o : void 0
         }
       ),
-      /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
-      /* @__PURE__ */ r(B, { groups: g, items: v, theme: "default" }),
+      /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(F, { groups: v, items: g, theme: "default" }),
       e && /* @__PURE__ */ p(y, { children: [
-        /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
-        /* @__PURE__ */ p(F, { children: [
-          t && /* @__PURE__ */ r(j, { children: t }),
-          /* @__PURE__ */ r(T, { ...e })
+        /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
+        /* @__PURE__ */ p(T, { children: [
+          t && /* @__PURE__ */ r(B, { children: t }),
+          /* @__PURE__ */ r(j, { ...e })
         ] })
       ] })
     ] });
   }
   return /* @__PURE__ */ p(s, { children: [
-    /* @__PURE__ */ r(B, { groups: g, items: v }),
+    /* @__PURE__ */ r(F, { groups: v, items: g }),
     e && /* @__PURE__ */ p(y, { children: [
-      /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
-      /* @__PURE__ */ p(F, { children: [
-        t && /* @__PURE__ */ r(j, { children: t }),
-        /* @__PURE__ */ r(T, { ...e })
+      /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
+      /* @__PURE__ */ p(T, { children: [
+        t && /* @__PURE__ */ r(B, { children: t }),
+        /* @__PURE__ */ r(j, { ...e })
       ] })
     ] })
   ] });

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -0,0 +1,50 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { c as f } from "../../index-L8X2o7IH.js";
+import "react";
+import { Badge as _ } from "../Badge/Badge.js";
+import { ButtonBase as p } from "../Button/ButtonBase.js";
+import { ButtonLabel as d } from "../Button/ButtonLabel.js";
+import { ButtonIcon as I } from "../Button/ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { S as g } from "../../XMark-DIqxCTTQ.js";
+import { S as x } from "../../PadlockLocked-CwhOOPnp.js";
+import '../../assets/GlobalMenuButton.css';const N = "_button_af7mx_1", b = "_loginIcon_af7mx_19", h = "_closeIcon_af7mx_20", B = "_avatar_af7mx_21", v = "_badge_af7mx_37", a = {
+  button: N,
+  loginIcon: b,
+  closeIcon: h,
+  avatar: B,
+  badge: v
+}, D = ({
+  className: t,
+  as: c = "button",
+  color: m = "accent",
+  variant: s = "solid",
+  currentAccount: e,
+  expanded: u,
+  label: i = "Menu",
+  badge: n,
+  ...r
+}) => u ? /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: m, className: f(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: i }),
+  /* @__PURE__ */ o(I, { className: a.closeIcon, icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Close Icon" }) }),
+  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
+] }) : e ? /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: m, className: f(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: i }),
+  /* @__PURE__ */ o(I, { className: a.avatar, icon: { type: e.type, name: e.name } }),
+  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
+] }) : /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: m, className: f(a.button, t), children: [
+  /* @__PURE__ */ o(d, { children: i }),
+  /* @__PURE__ */ o(
+    I,
+    {
+      className: a.loginIcon,
+      icon: /* @__PURE__ */ o(x, { className: a.icon, "aria-label": "Login Icon" })
+    }
+  ),
+  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
+] });
+export {
+  D as GlobalMenuButton
+};

package/dist/components/GlobalMenu/index.js

@@ -1,12 +1,14 @@
 import { CurrentAccount as t } from "./CurrentAccount.js";
-import { GlobalMenu as n } from "./GlobalMenu.js";
-import { BackButton as f } from "./BackButton.js";
-import { LogoutButton as p } from "./LogoutButton.js";
-import { EndUserLabel as a } from "./EndUserLabel.js";
+import { BackButton as n } from "./BackButton.js";
+import { LogoutButton as f } from "./LogoutButton.js";
+import { EndUserLabel as p } from "./EndUserLabel.js";
+import { GlobalMenu as l } from "./GlobalMenu.js";
+import { GlobalMenuButton as B } from "./GlobalMenuButton.js";
 export {
-  f as BackButton,
+  n as BackButton,
   t as CurrentAccount,
-  a as EndUserLabel,
-  n as GlobalMenu,
-  p as LogoutButton
+  p as EndUserLabel,
+  l as GlobalMenu,
+  B as GlobalMenuButton,
+  f as LogoutButton
 };

package/dist/components/Header/Header.js

@@ -1,63 +1,58 @@
 "use client";
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { DropdownBase as p } from "../Dropdown/DropdownBase.js";
+import { DropdownBase as c } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
-import { DrawerBase as m } from "../Dropdown/DrawerBase.js";
+import { DrawerBase as p } from "../Dropdown/DrawerBase.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as c } from "../GlobalMenu/GlobalMenu.js";
-import { HeaderBase as u } from "./HeaderBase.js";
-import { HeaderLogo as N } from "./HeaderLogo.js";
-import { HeaderButton as b } from "./HeaderButton.js";
-import { LocaleButton as H } from "./LocaleButton.js";
+import { GlobalMenu as m } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenuButton as b } from "../GlobalMenu/GlobalMenuButton.js";
+import { HeaderBase as N } from "./HeaderBase.js";
+import { HeaderLogo as j } from "./HeaderLogo.js";
+import { LocaleButton as y } from "./LocaleButton.js";
 import { LocaleSwitcher as h } from "./LocaleSwitcher.js";
-import { Searchbar as j } from "../Searchbar/Searchbar.js";
+import { Searchbar as B } from "../Searchbar/Searchbar.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderGroup as B } from "./HeaderGroup.js";
+import { HeaderGroup as H } from "./HeaderGroup.js";
 import { HeaderSearch as L } from "./HeaderSearch.js";
 import '../../assets/Header.css';const S = "_drawer_1vzjh_1", k = "_dropdown_1vzjh_5", z = "_relative_1vzjh_19", a = {
   drawer: S,
   dropdown: k,
   relative: z
 }, X = ({ menu: r, locale: l, search: i, currentAccount: t, logo: f = {}, badge: w }) => {
-  const { currentId: e, toggleId: n, openId: g, closeAll: d } = C(), v = () => {
+  const { currentId: e, toggleId: n, openId: g, closeAll: d } = C(), u = () => {
     g("search");
-  }, _ = () => {
+  }, v = () => {
     n("search");
-  }, x = () => {
+  }, _ = () => {
     n("menu");
-  }, y = () => {
+  }, x = () => {
     n("locale");
   };
   return /* @__PURE__ */ s(
-    u,
+    N,
     {
       currentId: e,
       open: e === "search" || e === "menu" || e === "locale",
       onClose: d,
       children: [
-        /* @__PURE__ */ o(N, { ...f, className: a.logo }),
-        /* @__PURE__ */ s(B, { children: [
-          l && /* @__PURE__ */ o("div", { className: a.relative, children: /* @__PURE__ */ o(H, { onClick: y, expanded: e === "locale" }) }),
+        /* @__PURE__ */ o(j, { ...f, className: a.logo }),
+        /* @__PURE__ */ s(H, { children: [
+          l && /* @__PURE__ */ o("div", { className: a.relative, children: /* @__PURE__ */ o(y, { onClick: x, expanded: e === "locale" }) }),
           /* @__PURE__ */ s("div", { className: a.relative, children: [
             /* @__PURE__ */ o(
               b,
               {
-                color: "company",
-                variant: "solid",
                 badge: w,
-                avatar: t && {
-                  type: t.type,
-                  name: t.name
-                },
-                onClick: x,
+                currentAccount: t,
+                onClick: _,
                 expanded: e === "menu",
                 label: r == null ? void 0 : r.menuLabel
               }
             ),
             l && /* @__PURE__ */ o(
-              p,
+              c,
               {
                 layout: "desktop",
                 padding: !0,
@@ -68,21 +63,21 @@ import '../../assets/Header.css';const S = "_drawer_1vzjh_1", k = "_dropdown_1vz
               }
             ),
             r && /* @__PURE__ */ o(
-              p,
+              c,
               {
                 layout: "desktop",
                 padding: !0,
                 placement: "right",
                 open: e === "menu",
                 className: a.dropdown,
-                children: /* @__PURE__ */ o(c, { ...r, currentAccount: t, onClose: d })
+                children: /* @__PURE__ */ o(m, { ...r, currentAccount: t, onClose: d })
               }
             )
           ] })
         ] }),
-        i && /* @__PURE__ */ o(L, { expanded: e === "search", children: /* @__PURE__ */ o(j, { ...i, expanded: e === "search", onClose: _, onFocus: v }) }),
-        l && /* @__PURE__ */ o(m, { layout: "mobile", open: e === "locale", className: a.drawer, children: /* @__PURE__ */ o(h, { ...l }) }),
-        r && /* @__PURE__ */ o(m, { layout: "mobile", open: e === "menu", className: a.drawer, children: /* @__PURE__ */ o(c, { ...r, currentAccount: t, onClose: d }) })
+        i && /* @__PURE__ */ o(L, { expanded: e === "search", children: /* @__PURE__ */ o(B, { ...i, expanded: e === "search", onClose: v, onFocus: u }) }),
+        l && /* @__PURE__ */ o(p, { layout: "mobile", open: e === "locale", className: a.drawer, children: /* @__PURE__ */ o(h, { ...l }) }),
+        r && /* @__PURE__ */ o(p, { layout: "mobile", open: e === "menu", className: a.drawer, children: /* @__PURE__ */ o(m, { ...r, currentAccount: t, onClose: d }) })
       ]
     }
   );