@altinn/altinn-components 0.15.5 → 0.17.0

package/dist/components/Dialog/DialogSeenBy.js

@@ -1,22 +1,42 @@
-import { jsx as n } from "react/jsx-runtime";
+"use client";
+import { jsx as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { MetaItem as p } from "../Meta/MetaItem.js";
-import "react";
+import { MetaItem as f } from "../Meta/MetaItem.js";
+import * as a from "react";
+import { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-const g = ({
-  size: e = "xs",
+import { S as s } from "../../Eye-CMPIjkcy.js";
+import { u as p } from "../../useId-CsCRkvK3.js";
+var d = function(t, o) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.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++)
+      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const u = m((t, o) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let n = p();
+  return n = r ? 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 }, l),
+    r ? a.createElement("title", { id: n }, r) : null,
+    a.createElement("path", { fill: "currentColor", d: "M2.614 9.357a.75.75 0 0 1 1.029.257l.003.005.02.033.093.139c.085.123.214.303.39.522.35.438.877 1.024 1.581 1.61C7.137 13.097 9.223 14.25 12 14.25s4.863-1.154 6.27-2.326a11.4 11.4 0 0 0 1.582-1.611 9 9 0 0 0 .481-.661q.015-.023.02-.033l.004-.005a.75.75 0 0 1 1.286.772L21 10c.643.386.642.387.642.387v.002l-.004.005-.01.015-.032.051-.118.179c-.103.15-.255.36-.455.61-.304.38-.722.856-1.256 1.353l.841 1.002a.75.75 0 1 1-1.149.965l-.847-1.01c-.577.423-1.24.83-1.987 1.176l.497 1.17a.75.75 0 1 1-1.38.587l-.518-1.22c-.758.233-1.582.394-2.474.453V17a.75.75 0 0 1-1.5 0v-1.275a11 11 0 0 1-2.475-.453l-.516 1.215a.75.75 0 1 1-1.38-.586l.494-1.166a11.7 11.7 0 0 1-1.987-1.178l-.845 1.007a.75.75 0 1 1-1.15-.964l.84-1c-.533-.496-.95-.97-1.254-1.35a11 11 0 0 1-.574-.79l-.032-.05-.01-.016-.002-.005-.001-.002-.001-.001a.75.75 0 0 1 .257-1.03" })
+  );
+}), j = ({
+  size: t = "xs",
   label: o = "Seen by label",
-  seenByEndUser: t = !1,
-  seenByOthersCount: r = 0,
-  onClick: s,
-  ...i
+  seenByEndUser: r = !1,
+  seenByOthersCount: e = 0,
+  onClick: l,
+  ...n
 }) => {
-  const m = t || r > 0 ? "eye" : "eye-closed";
-  return /* @__PURE__ */ n(p, { size: e, icon: m, ...i, children: o });
+  const i = r || e > 0 ? s : u;
+  return /* @__PURE__ */ c(f, { size: t, icon: i, ...n, children: o });
 };
 export {
-  g as DialogSeenBy
+  j as DialogSeenBy
 };

package/dist/components/Dialog/DialogSelect.js

@@ -1,19 +1,18 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { c as l } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import { CheckboxIcon as s } from "../Icon/CheckboxIcon.js";
 import '../../assets/DialogSelect.css';const a = "_label_19rag_1", n = "_input_19rag_15", p = "_icon_19rag_19", o = {
   label: a,
   input: n,
   icon: p
-}, N = ({ checked: t = !1, onChange: i, className: c }) => /* @__PURE__ */ e("label", { className: l(o.label, c), children: [
-  /* @__PURE__ */ r("input", { type: "checkbox", checked: t, onChange: i, className: o.input }),
+}, h = ({ checked: t = !1, onChange: c, className: e }) => /* @__PURE__ */ i("label", { className: l(o.label, e), children: [
+  /* @__PURE__ */ r("input", { type: "checkbox", checked: t, onChange: c, className: o.input }),
   /* @__PURE__ */ r(s, { hover: !0, checked: t, className: o.icon })
 ] });
 export {
-  N as DialogSelect
+  h as DialogSelect
 };

package/dist/components/Dialog/DialogStatus.js

@@ -1,14 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { MetaItem as o } from "../Meta/MetaItem.js";
-import { MetaProgress as p } from "../Meta/MetaProgress.js";
+import { MetaProgress as s } from "../Meta/MetaProgress.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-var s = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(s || {});
-const w = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
+var p = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(p || {});
+const R = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
   if (r)
     return null;
   switch (t) {
@@ -19,14 +18,14 @@ const w = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
     case "requires-attention":
       return /* @__PURE__ */ n(o, { variant: "solid", children: e || t });
     case "in-progress":
-      return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 75, children: e || t });
+      return /* @__PURE__ */ n(s, { size: i, variant: "outline", progress: 75, children: e || t });
     case "completed":
-      return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 100, children: e || t });
+      return /* @__PURE__ */ n(s, { size: i, variant: "outline", progress: 100, children: e || t });
     default:
       return /* @__PURE__ */ n(o, { size: i, variant: "outline", children: e || t });
   }
 };
 export {
-  w as DialogStatus,
-  s as DialogStatusEnum
+  R as DialogStatus,
+  p as DialogStatusEnum
 };

package/dist/components/Dialog/DialogTimeline.js

@@ -1,18 +1,17 @@
 "use client";
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { createElement as p } from "react";
+import { createElement as n } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as n } from "../Typography/Heading.js";
+import { Heading as p } from "../Typography/Heading.js";
 import { DialogTimelineItem as l } from "./DialogTimelineItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineBase as s } from "../Timeline/TimelineBase.js";
-const D = ({ title: i, items: r = [] }) => /* @__PURE__ */ o(s, { children: [
-  /* @__PURE__ */ t(n, { size: "xs", children: i }),
-  r.map((e, m) => /* @__PURE__ */ p(l, { ...e, key: m }))
+const j = ({ title: e, items: i = [] }) => /* @__PURE__ */ o(s, { children: [
+  /* @__PURE__ */ t(p, { size: "xs", children: e }),
+  i.map((r, m) => /* @__PURE__ */ n(l, { ...r, key: m }))
 ] });
 export {
-  D as DialogTimeline
+  j as DialogTimeline
 };

package/dist/components/Dialog/DialogTimelineItem.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as s } from "../Transmission/TransmissionItem.js";
 import { ListBase as c } from "../List/ListBase.js";
@@ -10,10 +9,10 @@ import { Typography as a } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as d } from "../Timeline/TimelineSection.js";
-const k = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ n(a, { size: "md", children: [
+const b = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ p(a, { size: "md", children: [
   i && /* @__PURE__ */ e("p", { children: i }),
-  r && /* @__PURE__ */ e(c, { children: r.map((m, p) => /* @__PURE__ */ l(s, { ...m, key: p, theme: "subtle" })) })
+  r && /* @__PURE__ */ e(c, { children: r.map((m, n) => /* @__PURE__ */ l(s, { ...m, key: n, theme: "subtle" })) })
 ] }) });
 export {
-  k as DialogTimelineItem
+  b as DialogTimelineItem
 };

package/dist/components/Dialog/DialogTransmissions.js

@@ -6,13 +6,12 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Heading as m } from "../Typography/Heading.js";
 import { TransmissionList as p } from "../Transmission/TransmissionList.js";
-import "../Icon/SvgIcon.js";
 import { Toolbar as t } from "../Toolbar/Toolbar.js";
-const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
+const g = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
   /* @__PURE__ */ o(m, { as: "h2", size: "xs", children: n }),
   i && /* @__PURE__ */ o(t, { ...i }),
   /* @__PURE__ */ o(p, { items: r })
 ] }) : null;
 export {
-  u as DialogTransmissions
+  g as DialogTransmissions
 };

package/dist/components/Dialog/SeenByLog.js

@@ -1,6 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaTimestamp as n } from "../Meta/MetaTimestamp.js";
@@ -8,8 +7,8 @@ import { ListItem as s } from "../List/ListItem.js";
 import { ListBase as c } from "../List/ListBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const A = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((m) => {
-  const { id: e, seenAt: p, seenAtLabel: a, seenBy: t } = m;
+const v = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((e) => {
+  const { id: m, seenAt: a, seenAtLabel: p, seenBy: t } = e;
   return /* @__PURE__ */ i(
     s,
     {
@@ -18,12 +17,11 @@ const A = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spac
       avatar: { type: "person", name: t == null ? void 0 : t.name },
       title: t == null ? void 0 : t.name,
       description: t != null && t.isEndUser ? o : "",
-      linkIcon: null,
-      badge: /* @__PURE__ */ i(n, { datetime: p, children: a })
+      badge: /* @__PURE__ */ i(n, { datetime: a, children: p })
     },
-    e
+    m
   );
 }) });
 export {
-  A as SeenByLog
+  v as SeenByLog
 };

package/dist/components/Dropdown/DrawerButton.js

@@ -1,6 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as n } from "../Button/ButtonLabel.js";
@@ -9,7 +8,7 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s
-}, _ = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
+}, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
 export {
-  _ as DrawerButton
+  f as DrawerButton
 };

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,18 +1,28 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import { IconButton as m } from "../Button/IconButton.js";
-import '../../assets/DrawerHeader.css';const c = "_header_15vfs_1", l = "_title_15vfs_13", e = {
-  header: c,
-  title: l
-}, v = ({ className: r, title: o, onClose: s }) => /* @__PURE__ */ i("header", { className: a(e.header, r), children: [
+import { S as l } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/DrawerHeader.css';const n = "_header_15vfs_1", p = "_title_15vfs_13", e = {
+  header: n,
+  title: p
+}, j = ({ className: r, title: o, onClose: s, closeIconAltText: i = "Close icon" }) => /* @__PURE__ */ a("header", { className: c(e.header, r), children: [
   /* @__PURE__ */ t("h2", { className: e.title, children: o }),
-  /* @__PURE__ */ t(m, { size: "sm", icon: "x-mark", variant: "outline", onClick: s, className: e.close })
+  /* @__PURE__ */ t(
+    m,
+    {
+      size: "sm",
+      icon: l,
+      variant: "outline",
+      onClick: s,
+      className: e.close,
+      iconAltText: i
+    }
+  )
 ] });
 export {
-  v as DrawerHeader
+  j as DrawerHeader
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,6 +1,5 @@
 import { jsxs as e, Fragment as a, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { DropdownBase as l } from "./DropdownBase.js";
@@ -15,7 +14,7 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_oo71i_1", k = "_drawer_oo71i_5", s = {
   dropdown: _,
   drawer: k
-}, A = ({
+}, z = ({
   open: m = !1,
   onClose: i,
   drawerButton: r,
@@ -31,5 +30,5 @@ import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_oo71i_1", k = "_
   ] })
 ] });
 export {
-  A as DrawerOrDropdown
+  z as DrawerOrDropdown
 };

package/dist/components/GlobalMenu/AccountButton.js

@@ -7,8 +7,8 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
+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: [
   /* @__PURE__ */ i(
     s,
     {
@@ -34,5 +34,5 @@ const b = ({ 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 })
 ] });
 export {
-  b as AccountButton
+  j as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -2,12 +2,11 @@
 import { jsx as v } from "react/jsx-runtime";
 import { useState as y } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Menu as L } from "../Menu/Menu.js";
-const M = (d) => `${d} hits`, R = ({
+const M = (d) => `${d} hits`, G = ({
   accounts: d = [],
   accountGroups: C = {},
   accountSearch: s,
@@ -23,8 +22,8 @@ const M = (d) => `${d} hits`, R = ({
     ...(e == null ? void 0 : e.accountNames) && {
       avatarGroup: {
         size: "sm",
-        items: e.accountNames.map((l) => ({
-          name: l,
+        items: e.accountNames.map((r) => ({
+          name: r,
           type: e.type
         }))
       }
@@ -39,15 +38,15 @@ const M = (d) => `${d} hits`, R = ({
     badge: e.badge,
     alertBadge: e.alertBadge,
     onClick: () => m == null ? void 0 : m(e.id || e.name)
-  })), [i, g] = y(""), r = i ? t.filter((e) => {
-    var l;
-    return (l = e == null ? void 0 : e.title) == null ? void 0 : l.toLowerCase().includes(i.toLowerCase());
+  })), [i, g] = y(""), l = i ? t.filter((e) => {
+    var r;
+    return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
   })) : t, I = i ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? M(r.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? M(l.length)
     }
   } : C, b = {
     name: "account-search",
@@ -56,7 +55,7 @@ const M = (d) => `${d} hits`, R = ({
     onChange: (e) => g(e.target.value),
     onClear: () => g("")
   }, h = [
-    ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
+    ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ v(
     L,
@@ -69,5 +68,5 @@ const M = (d) => `${d} hits`, R = ({
   );
 };
 export {
-  R as AccountMenu
+  G as AccountMenu
 };

package/dist/components/GlobalMenu/BackButton.js

@@ -1,12 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as m } from "../Menu/MenuItem.js";
-const f = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "sm", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
+import { MenuItem as i } from "../Menu/MenuItem.js";
+import { S as p } from "../../ArrowRedo-BYz1MHxK.js";
+const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
 export {
-  f as BackButton
+  k as BackButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsxs as n, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { jsxs as a, jsx as r, Fragment as T } from "react/jsx-runtime";
 import { useState as j, useMemo as A } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { AccountMenu as F } from "./AccountMenu.js";
 import { AccountButton as L } from "./AccountButton.js";
@@ -10,10 +9,10 @@ import { BackButton as H } from "./BackButton.js";
 import { LogoutButton as I } from "./LogoutButton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as a } from "../Menu/MenuBase.js";
+import { MenuListItem as m } from "../Menu/MenuBase.js";
 import { Menu as h } from "../Menu/Menu.js";
 import { GlobalMenuBase as l, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
-const U = ({
+const S = ({
   accounts: c = [],
   accountGroups: M = {},
   accountSearch: k,
@@ -26,10 +25,10 @@ const U = ({
   onClose: e,
   logoutButton: s
 }) => {
-  const [x, G] = j(!1), m = () => {
+  const [x, G] = j(!1), n = () => {
     G((t) => !t);
   }, v = (t) => {
-    m(), e == null || e(), o == null || o(t);
+    n(), e == null || e(), o == null || o(t);
   }, d = A(() => p.map((t) => ({
     ...t,
     onClick: () => {
@@ -37,9 +36,9 @@ const U = ({
       (f = t.onClick) == null || f.call(t), e == null || e();
     }
   })), [p, e]);
-  return x ? /* @__PURE__ */ n(l, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: m, label: B }) }),
-    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+  return x ? /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: n, label: B }) }),
+    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(
       F,
       {
@@ -50,24 +49,24 @@ const U = ({
         onSelectAccount: v
       }
     )
-  ] }) : i ? /* @__PURE__ */ n(l, { children: [
+  ] }) : i ? /* @__PURE__ */ a(l, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
       L,
       {
         account: i,
         linkText: b,
         multipleAccounts: c.length > 1,
-        onClick: m
+        onClick: n
       }
     ) }),
-    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(h, { groups: u, items: d, theme: "default" }),
-    s && /* @__PURE__ */ n(T, { children: [
-      /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    s && /* @__PURE__ */ a(T, { children: [
+      /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
       /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { ...s }) })
     ] })
   ] }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { groups: u, items: d }) });
 };
 export {
-  U as GlobalMenu
+  S as GlobalMenu
 };

package/dist/components/GlobalMenu/LogoutButton.js

@@ -6,11 +6,10 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import '../../assets/LogoutButton.css';const i = "_button_1260s_1", m = "_label_1260s_5", o = {
   button: i,
   label: m
-}, L = ({ label: r = "Logout", children: l, onClick: e }) => /* @__PURE__ */ t(n, { className: o.button, variant: "outline", size: "lg", onClick: e, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: l || r }) });
+}, f = ({ label: l = "Logout", children: r, onClick: e }) => /* @__PURE__ */ t(n, { className: o.button, variant: "outline", size: "lg", onClick: e, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: r || l }) });
 export {
-  L as LogoutButton
+  f as LogoutButton
 };

package/dist/components/Header/Header.js

@@ -12,13 +12,12 @@ import { HeaderButton as b } from "./HeaderButton.js";
 import { Searchbar as y } from "../Search/Searchbar.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import { HeaderMenu as B } from "./HeaderMenu.js";
 import { HeaderSearch as N } from "./HeaderSearch.js";
 import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s9o_5", s = {
   drawer: S,
   dropdown: I
-}, O = ({ search: d, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
+}, K = ({ search: d, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
   const { currentId: o, toggleId: n, openId: c, closeAll: m } = C(), h = () => {
     c("search");
   }, f = () => {
@@ -51,5 +50,5 @@ import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s
   ] });
 };
 export {
-  O as Header
+  K as Header
 };

package/dist/components/Header/HeaderBase.js

@@ -1,6 +1,5 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
@@ -9,10 +8,10 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
   header: i,
   backdrop: n
-}, j = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, a), "data-color": "neutral", "data-current-id": o, children: [
+}, u = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, a), "data-color": "neutral", "data-current-id": o, children: [
   t && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: c }),
   e
 ] });
 export {
-  j as HeaderBase
+  u as HeaderBase
 };

package/dist/components/Header/HeaderButton.js

@@ -1,52 +1,53 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
-import { Avatar as b } from "../Avatar/Avatar.js";
-import { AvatarGroup as I } from "../Avatar/AvatarGroup.js";
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import { Avatar as h } from "../Avatar/Avatar.js";
+import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
 import { Badge as a } from "../Badge/Badge.js";
 import { ButtonBase as u } from "../Button/ButtonBase.js";
-import { Icon as N } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
+import { Icon as f } from "../Icon/Icon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderButton.css';const g = "_button_ottvn_1", x = "_label_ottvn_12", B = "_icon_ottvn_18", G = "_avatarGroup_ottvn_28", k = "_loginIcon_ottvn_37", y = "_closeIcon_ottvn_42", j = "_badge_ottvn_46", n = {
-  button: g,
-  label: x,
-  icon: B,
-  avatarGroup: G,
-  loginIcon: k,
+import { S as I } from "../../XMark-Bv1I87Ev.js";
+import { S as x } from "../../PadlockLocked-xJsxvaHH.js";
+import '../../assets/HeaderButton.css';const B = "_button_ottvn_1", G = "_label_ottvn_12", S = "_icon_ottvn_18", k = "_avatarGroup_ottvn_28", v = "_loginIcon_ottvn_37", y = "_closeIcon_ottvn_42", j = "_badge_ottvn_46", o = {
+  button: B,
+  label: G,
+  icon: S,
+  avatarGroup: k,
+  loginIcon: v,
   closeIcon: y,
   badge: j
-}, L = ({
+}, K = ({
   className: s,
   as: l = "button",
   color: m = "accent",
   variant: i = "solid",
-  avatar: e,
+  avatar: t,
   avatarGroup: d,
-  icon: f = "padlock-locked",
-  expanded: h,
+  icon: N = x,
+  expanded: g,
   label: r = "Menu",
-  badge: c,
+  badge: e,
   ...p
-}) => h ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
-  /* @__PURE__ */ o("span", { className: n.label, children: r }),
-  /* @__PURE__ */ o("span", { className: t(n.icon, n.closeIcon), children: /* @__PURE__ */ o(N, { name: "x-mark" }) }),
-  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
-] }) : d ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
-  /* @__PURE__ */ o("span", { className: n.label, children: r }),
-  /* @__PURE__ */ o(I, { ...d, size: "sm", className: n.avatarGroup }),
-  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
-] }) : e ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
-  /* @__PURE__ */ o("span", { className: n.label, children: r }),
-  /* @__PURE__ */ o(b, { type: e == null ? void 0 : e.type, name: e == null ? void 0 : e.name, size: "lg" }),
-  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
-] }) : /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
-  /* @__PURE__ */ o("span", { className: n.label, children: r }),
-  /* @__PURE__ */ o("span", { className: t(n.icon, n.loginIcon), children: /* @__PURE__ */ o(N, { name: f }) }),
-  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
+}) => g ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
+  /* @__PURE__ */ n("span", { className: o.label, children: r }),
+  /* @__PURE__ */ n("span", { className: c(o.icon, o.closeIcon), children: /* @__PURE__ */ n(f, { svgElement: I }) }),
+  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
+] }) : d ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
+  /* @__PURE__ */ n("span", { className: o.label, children: r }),
+  /* @__PURE__ */ n(b, { ...d, size: "sm", className: o.avatarGroup }),
+  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
+] }) : t ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
+  /* @__PURE__ */ n("span", { className: o.label, children: r }),
+  /* @__PURE__ */ n(h, { type: t == null ? void 0 : t.type, name: t == null ? void 0 : t.name, size: "lg" }),
+  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
+] }) : /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
+  /* @__PURE__ */ n("span", { className: o.label, children: r }),
+  /* @__PURE__ */ n("span", { className: c(o.icon, o.loginIcon), children: /* @__PURE__ */ n(f, { svgElement: N }) }),
+  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
 ] });
 export {
-  L as HeaderButton
+  K as HeaderButton
 };