@altinn/altinn-components 0.14.3 → 0.15.1

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,40 +1,42 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { createElement as c } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as f } from "../Typography/Typography.js";
-import { Heading as h } from "../Typography/Heading.js";
+import { Heading as k } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { BookmarksListItem as k } from "./BookmarksListItem.js";
+import { BookmarksListItem as h } from "./BookmarksListItem.js";
+import { EditableBookmark as x } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as l } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as x } from "../Page/Section.js";
-const I = ({
-  loading: t,
+import { Section as z } from "../Page/Section.js";
+const q = ({
+  loading: i,
   title: e,
   description: p,
-  items: m,
-  untitled: d = "Untitled bookmark",
-  titleField: a,
-  expandedId: n,
-  onToggle: i
-}) => /* @__PURE__ */ s(x, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
-  /* @__PURE__ */ o(h, { size: "md", children: e }),
-  m.length > 0 && /* @__PURE__ */ o(l, { spacing: "xs", children: m.map((r) => /* @__PURE__ */ c(
-    k,
+  items: t,
+  untitled: s = "Untitled bookmark",
+  titleField: d,
+  expandedId: a,
+  onToggle: m
+}) => /* @__PURE__ */ n(z, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
+  /* @__PURE__ */ o(k, { size: "md", children: e }),
+  i ? /* @__PURE__ */ o(h, { title: e, loading: i, size: "sm" }) : t.length > 0 && /* @__PURE__ */ o(l, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ c(
+    x,
     {
       ...r,
       key: r.id,
-      loading: t || r.loading,
-      onToggle: () => i == null ? void 0 : i(r.id),
-      expanded: n === r.id,
-      untitled: d,
-      titleField: a
+      loading: i || r.loading,
+      onToggle: () => m == null ? void 0 : m(r.id),
+      expanded: a === r.id,
+      untitled: s,
+      titleField: d,
+      size: "sm"
     }
   )) }),
   /* @__PURE__ */ o(f, { size: "xs", children: p })
 ] });
 export {
-  I as BookmarksSection
+  q as BookmarksSection
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { useState as x } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { QueryLabel as y } from "./QueryLabel.js";
+import { BookmarksListItem as I } from "./BookmarksListItem.js";
+import { Button as f } from "../Button/Button.js";
+import { IconButton as b } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as j } from "../Page/Flex.js";
+import { Section as L } from "../Page/Section.js";
+import { TextField as S } from "../TextField/TextField.js";
+const H = ({
+  id: s,
+  title: i,
+  untitled: u,
+  params: m,
+  expanded: n,
+  onToggle: d,
+  titleField: e,
+  saveButton: r,
+  removeButton: t,
+  inputValue: p,
+  onChange: l,
+  ...g
+}) => {
+  const [k, h] = x("");
+  return /* @__PURE__ */ o(
+    I,
+    {
+      ...g,
+      expanded: n,
+      id: s,
+      title: n ? i || u : i,
+      params: m,
+      controls: /* @__PURE__ */ o(b, { variant: "outline", size: "sm", icon: "chevron-up", onClick: d }),
+      children: /* @__PURE__ */ c(L, { padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ o(y, { params: m }),
+        e && /* @__PURE__ */ o(
+          S,
+          {
+            ...e,
+            name: "title",
+            value: typeof p == "string" ? p : k,
+            onChange: (a) => {
+              typeof l == "function" ? l(a) : h(a.target.value);
+            }
+          }
+        ),
+        (r || t) && /* @__PURE__ */ c(j, { as: "footer", direction: "row", spacing: 2, children: [
+          r && /* @__PURE__ */ o(f, { ...r }),
+          t && /* @__PURE__ */ o(f, { ...t, variant: "outline" })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  H as EditableBookmark
+};

package/dist/components/Bookmarks/index.js

@@ -1,9 +1,11 @@
-import { BookmarksListItem as e } from "./BookmarksListItem.js";
-import { QueryItem as t, QueryLabel as k } from "./QueryLabel.js";
-import { BookmarksSection as f } from "./BookmarksSection.js";
+import { QueryItem as e, QueryLabel as m } from "./QueryLabel.js";
+import { BookmarksListItem as k } from "./BookmarksListItem.js";
+import { EditableBookmark as f } from "./EditableBookmark.js";
+import { BookmarksSection as x } from "./BookmarksSection.js";
 export {
-  e as BookmarksListItem,
-  f as BookmarksSection,
-  t as QueryItem,
-  k as QueryLabel
+  k as BookmarksListItem,
+  x as BookmarksSection,
+  f as EditableBookmark,
+  e as QueryItem,
+  m as QueryLabel
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,10 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Icon as c } from "../Icon/Icon.js";
+import { Icon as n } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import '../../assets/ButtonIcon.css';const i = "_icon_ablit_1", r = {
-  icon: i
-}, p = ({ size: n, icon: t }) => /* @__PURE__ */ o("span", { className: r.icon, "data-size": n, children: /* @__PURE__ */ o(c, { name: t }) });
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/ButtonIcon.css';const r = "_icon_ablit_1", m = {
+  icon: r
+}, f = ({ size: t, icon: i }) => /* @__PURE__ */ o("span", { className: m.icon, "data-size": t, children: /* @__PURE__ */ o(n, { name: i }) });
 export {
-  p as ButtonIcon
+  f as ButtonIcon
 };

package/dist/components/Button/ButtonLabel.js

@@ -1,8 +1,8 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { c as e } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonLabel.css';const o = "_label_1t884_1", r = {
+import '../../assets/ButtonLabel.css';const o = "_label_1ahnm_1", n = {
   label: o
-}, b = ({ className: t, size: a, children: l }) => /* @__PURE__ */ s("span", { className: e(r.label, t), "data-size": a, children: l });
+}, m = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(n.label, a), "data-size": l, children: s });
 export {
-  b as ButtonLabel
+  m as ButtonLabel
 };

package/dist/components/Dialog/Dialog.js

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "react";
 import { Typography as h } from "../Typography/Typography.js";
 import { Heading as v } from "../Typography/Heading.js";
-import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogMetadata as w } from "./DialogMetadata.js";
 import { DialogByline as C } from "./DialogByline.js";
@@ -44,8 +44,8 @@ const hr = ({
   timeline: o,
   additionalInfo: e,
   contactInfo: i
-}) => /* @__PURE__ */ m(G, { children: [
-  /* @__PURE__ */ m(O, { theme: "default", shadow: "xs", bleed: !0, children: [
+}) => /* @__PURE__ */ m(G, { bleed: !0, children: [
+  /* @__PURE__ */ m(O, { theme: "default", shadow: "xs", children: [
     /* @__PURE__ */ r(J, { color: "neutral", padding: 2, backButton: D, menu: p }),
     /* @__PURE__ */ m(L, { padding: 6, spacing: 6, children: [
       /* @__PURE__ */ m(Q, { direction: "col", align: "start", spacing: 3, children: [

package/dist/components/Dialog/DialogAttachments.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "react";
 import { Heading as n } from "../Typography/Heading.js";
 import { AttachmentList as m } from "../Attachment/AttachmentList.js";
-import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DialogContent.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as n } from "../Typography/Typography.js";
 import "react";
+import { Typography as n } from "../Typography/Typography.js";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogActivityLog as c } from "./DialogActivityLog.js";
 import { DialogSeenBy as l } from "./DialogSeenBy.js";

package/dist/components/Dialog/DialogHistoryItem.js

@@ -2,8 +2,8 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as s } from "../Typography/Typography.js";
 import "react";
+import { Typography as s } from "../Typography/Typography.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DialogListGroup.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as e } from "../Typography/Heading.js";
 import "react";
+import { Heading as e } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import { Button as m } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Dialog/DialogListItem.js

@@ -1,103 +1,111 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as N } from "./DialogMetadata.js";
-import { DialogByline as E } from "./DialogByline.js";
-import { Skeleton as F } from "../Skeleton/Skeleton.js";
-import { DialogSelect as G } from "./DialogSelect.js";
-import { DialogHeading as J } from "./DialogHeading.js";
+import { DialogMetadata as y } from "./DialogMetadata.js";
+import { DialogByline as w } from "./DialogByline.js";
+import { Skeleton as C } from "../Skeleton/Skeleton.js";
+import { DialogSelect as E } from "./DialogSelect.js";
+import { DialogHeading as F } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as b } from "../List/ListItemBase.js";
-import { ListItemLink as g } from "../List/ListItemLink.js";
+import { ListItemBase as G } from "../List/ListItemBase.js";
+import { ListItemLink as J } from "../List/ListItemLink.js";
 import { ListItemLabel as K } from "../List/ListItemLabel.js";
+import { ListItem as O } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const O = "_link_1gdsf_1", P = "_border_1gdsf_22", Q = "_select_1gdsf_61", R = "_header_1gdsf_68", U = "_summary_1gdsf_80", V = "_footer_1gdsf_108", W = "_touchedBy_1gdsf_112", t = {
-  link: O,
-  border: P,
-  select: Q,
-  header: R,
-  summary: U,
-  footer: V,
-  touchedBy: W
-}, de = ({
-  size: e = "xl",
-  state: k = "normal",
+import '../../assets/DialogListItem.css';const P = "_link_1gdsf_1", Q = "_border_1gdsf_22", R = "_select_1gdsf_61", U = "_header_1gdsf_68", V = "_summary_1gdsf_80", W = "_footer_1gdsf_108", X = "_touchedBy_1gdsf_112", r = {
+  link: P,
+  border: Q,
+  select: R,
+  header: U,
+  summary: V,
+  footer: W,
+  touchedBy: X
+}, ft = ({
+  size: t = "xl",
+  state: g = "normal",
   loading: o,
   select: l,
-  selected: s,
-  status: B,
-  sender: d,
-  recipient: x,
-  recipientLabel: D = "to",
-  recipientGroup: L = !1,
-  updatedAt: i,
-  updatedAtLabel: n,
-  archivedAt: f,
-  archivedAtLabel: I,
+  selected: a,
+  status: N,
+  sender: i,
+  recipient: B,
+  recipientLabel: k = "to",
+  recipientGroup: x = !1,
+  updatedAt: d,
+  updatedAtLabel: f,
+  archivedAt: n,
+  archivedAtLabel: L,
   trashedAt: h,
-  trashedAtLabel: S,
-  label: j,
-  dueAt: v,
-  dueAtLabel: H,
-  seen: c = !1,
-  seenBy: M,
-  touchedBy: T,
-  attachmentsCount: q,
+  trashedAtLabel: D,
+  label: I,
+  dueAt: S,
+  dueAtLabel: j,
+  seen: m = !1,
+  seenBy: v,
+  touchedBy: H,
+  attachmentsCount: M,
   title: _,
   description: p,
-  summary: u,
-  theme: w,
-  ...a
+  summary: b,
+  theme: T = "default",
+  ...s
 }) => {
-  const C = h ? "trashed" : f ? "archived" : k, y = w || s ? "subtle" : "default";
-  return e === "xs" || e === "sm" || e === "md" ? /* @__PURE__ */ r(b, { ...a, size: e, selected: s, theme: y, children: /* @__PURE__ */ r(g, { ...a, size: e, className: t.link, children: /* @__PURE__ */ m("div", { className: t.border, "data-size": e, "data-seen": c, "data-loading": o, children: [
-    /* @__PURE__ */ r(K, { loading: o, size: e, title: _, description: u || p }),
-    /* @__PURE__ */ r(N, { loading: o, sender: d, updatedAt: i, updatedAtLabel: n })
-  ] }) }) }) : /* @__PURE__ */ m(b, { ...a, size: e, selected: s, theme: y, children: [
-    /* @__PURE__ */ r(g, { ...a, size: e, className: t.link, children: /* @__PURE__ */ m("div", { className: t.border, "data-size": e, "data-seen": c, "data-loading": o, children: [
-      /* @__PURE__ */ m("header", { className: t.header, "data-size": e, children: [
-        /* @__PURE__ */ r(J, { loading: o, size: e, state: C, label: j, seen: c, children: _ }),
-        /* @__PURE__ */ r(
-          E,
+  const q = h ? "trashed" : n ? "archived" : g, u = a ? "subtle" : T;
+  return t === "xs" || t === "sm" || t === "md" ? /* @__PURE__ */ e(
+    O,
+    {
+      ...s,
+      size: t,
+      selected: a,
+      theme: u,
+      label: /* @__PURE__ */ e("div", { className: r.border, "data-size": t, "data-seen": m, "data-loading": o, children: /* @__PURE__ */ e(K, { loading: o, size: t, title: _, description: b || p }) }),
+      badge: /* @__PURE__ */ e(y, { loading: o, sender: i, updatedAt: d, updatedAtLabel: f })
+    }
+  ) : /* @__PURE__ */ c(G, { ...s, size: t, selected: a, theme: u, children: [
+    /* @__PURE__ */ e(J, { ...s, size: t, className: r.link, children: /* @__PURE__ */ c("div", { className: r.border, "data-size": t, "data-seen": m, "data-loading": o, children: [
+      /* @__PURE__ */ c("header", { className: r.header, "data-size": t, children: [
+        /* @__PURE__ */ e(F, { loading: o, size: t, state: q, label: I, seen: m, children: _ }),
+        /* @__PURE__ */ e(
+          w,
           {
             size: "xs",
             loading: o,
-            sender: d,
-            recipient: x,
-            recipientLabel: D,
-            recipientGroup: L
+            sender: i,
+            recipient: B,
+            recipientLabel: k,
+            recipientGroup: x
           }
         ),
-        /* @__PURE__ */ r("p", { "data-size": e, className: t.summary, children: /* @__PURE__ */ r(F, { loading: o, children: u || p }) })
+        /* @__PURE__ */ e("p", { "data-size": t, className: r.summary, children: /* @__PURE__ */ e(C, { loading: o, children: b || p }) })
       ] }),
-      /* @__PURE__ */ r(
-        N,
+      /* @__PURE__ */ e(
+        y,
         {
-          className: t.footer,
+          className: r.footer,
           loading: o,
-          status: B,
-          updatedAt: i,
-          updatedAtLabel: n,
-          archivedAt: f,
-          archivedAtLabel: I,
+          status: N,
+          updatedAt: d,
+          updatedAtLabel: f,
+          archivedAt: n,
+          archivedAtLabel: L,
           trashedAt: h,
-          trashedAtLabel: S,
-          dueAt: v,
-          dueAtLabel: H,
-          attachmentsCount: q,
-          seenBy: M,
+          trashedAtLabel: D,
+          dueAt: S,
+          dueAtLabel: j,
+          attachmentsCount: M,
+          seenBy: v,
           touchedBy: {
-            touchedBy: T,
-            className: t.touchedBy
+            touchedBy: H,
+            className: r.touchedBy
           }
         }
       )
     ] }) }),
-    l && /* @__PURE__ */ r(G, { className: t.select, ...l })
+    l && /* @__PURE__ */ e(E, { className: r.select, ...l })
   ] });
 };
 export {
-  de as DialogListItem
+  ft as DialogListItem
 };

package/dist/components/Dialog/DialogSection.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as m } from "../Typography/Heading.js";
 import "react";
+import { Heading as m } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DraftDialog.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "react";
 import { Typography as g } from "../Typography/Typography.js";
 import { Heading as B } from "../Typography/Heading.js";
-import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogMetadata as P } from "./DialogMetadata.js";
 import { DialogActions as w } from "./DialogActions.js";

package/dist/components/GlobalMenu/AccountButton.js

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

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,28 +1,31 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { useState as L } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { useState as y } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Menu as M } from "../Menu/Menu.js";
-const h = (p) => `${p} hits`, j = ({
-  accounts: p = [],
+import { Menu as L } from "../Menu/Menu.js";
+const M = (d) => `${d} hits`, j = ({
+  accounts: d = [],
   accountGroups: C = {},
   accountSearch: s,
-  onSelectAccount: d,
+  onSelectAccount: p,
   currentAccount: m
 }) => {
   var f;
-  const g = p.map((e) => ({
+  const t = d.map((e) => ({
     id: e.id || e.name,
     groupId: e.groupId || "search",
     selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
     title: e.name,
     ...(e == null ? void 0 : e.accountNames) && {
       avatarGroup: {
-        items: e.accountNames.map((l) => ({ name: l, type: e.type }))
+        items: e.accountNames.map((l) => ({
+          name: l,
+          type: e.type
+        }))
       }
     },
     ...!(e != null && e.accountNames) && {
@@ -33,27 +36,35 @@ const h = (p) => `${p} hits`, j = ({
     },
     badge: e.badge,
     alertBadge: e.alertBadge,
-    onClick: () => d == null ? void 0 : d(e.id || e.name)
-  })), [i, t] = L(""), r = i ? g.filter((e) => {
+    onClick: () => p == null ? void 0 : p(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());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : g, I = i ? {
+  })) : t, I = i ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? h(r.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? M(r.length)
     }
   } : C, b = {
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => t(e.target.value),
-    onClear: () => t("")
-  }, v = [
+    onChange: (e) => g(e.target.value),
+    onClear: () => g("")
+  }, h = [
     ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ y(M, { search: s && b, groups: I, items: v });
+  return /* @__PURE__ */ v(
+    L,
+    {
+      theme: "default",
+      search: s && b,
+      groups: I,
+      items: h
+    }
+  );
 };
 export {
   j as AccountMenu

package/dist/components/GlobalMenu/BackButton.js

@@ -6,7 +6,7 @@ import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuItem as m } from "../Menu/MenuItem.js";
-const d = ({ label: t, onClick: r, as: o }) => /* @__PURE__ */ i(m, { size: "xs", id: "back", icon: "arrow-undo", theme: "transparent", title: t, onClick: r, as: o });
+const f = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "sm", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
 export {
-  d as BackButton
+  f as BackButton
 };