@altinn/altinn-components 0.63.1 → 0.63.3

package/dist/components/Item/index.js

@@ -1,4 +1,4 @@
-import { j as o, h as m } from "../../ToolbarSearch-DT-KvnVb.js";
+import { j as o, h as m } from "../../ToolbarSearch-OLv6DjhT.js";
 import { ItemControls as I } from "./ItemControls.js";
 import { ItemSelect as f } from "./ItemSelect.js";
 import { ItemBase as x } from "./ItemBase.js";

package/dist/components/Layout/Layout.js

@@ -11,13 +11,14 @@ import { Breadcrumbs as G } from "../Breadcrumbs/Breadcrumbs.js";
 import "../../index-p1eeF8LQ.js";
 import { Footer as M } from "../Footer/Footer.js";
 import { GlobalHeader as w } from "../GlobalHeader/GlobalHeader.js";
-import { u as E, M as I } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as E, M as I } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { SkipLink as N } from "../SkipLink/SkipLink.js";
-const oo = ({
+const to = ({
   banner: o,
   color: a,
   theme: h = "subtle",
@@ -77,5 +78,5 @@ const oo = ({
   ] });
 };
 export {
-  oo as Layout
+  to as Layout
 };

package/dist/components/List/List.js

@@ -1,16 +1,17 @@
 import { jsx as p } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import { c } from "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { ListItem as n } from "./ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as a } from "../Page/Flex.js";
 import '../../assets/List.css';const f = "_list_14rag_1", x = {
   list: f
-}, F = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ p(a, { direction: "col", as: "ul", spacing: i, className: c(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ l(n, { ...t, key: `item-${t.id ?? e}` })) });
+}, I = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ p(a, { direction: "col", as: "ul", spacing: i, className: c(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ l(n, { ...t, key: `item-${t.id ?? e}` })) });
 export {
-  F as List
+  I as List
 };

package/dist/components/List/ListBase.js

@@ -1,13 +1,14 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "../Page/Flex.js";
-const d = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
+const j = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
 export {
-  d as List
+  j as List
 };

package/dist/components/List/ListItemHeader.js

@@ -1,11 +1,12 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { c as w } from "../../index-p1eeF8LQ.js";
 import { useId as z, isValidElement as A } from "react";
-import { v as D, I as H, B as R } from "../../ToolbarSearch-DT-KvnVb.js";
+import { v as D, I as H, B as R } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { ItemSelect as U } from "../Item/ItemSelect.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { ListItemLink as V } from "./ListItemLink.js";
 import { ListItemLabel as q } from "./ListItemLabel.js";
 import { ListItemIcon as G } from "./ListItemIcon.js";
@@ -21,12 +22,12 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
   linkIcon: W,
   linkFocus: X,
   controls: Y
-}, _o = ({
+}, vo = ({
   as: I,
   highlightWords: f,
   interactive: a = !0,
   color: k,
-  loading: t,
+  loading: s,
   disabled: r,
   collapsible: c,
   linkIcon: u,
@@ -40,15 +41,15 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
   title: n,
   description: C,
   icon: y,
-  active: d,
+  active: p,
   badge: e,
-  controls: p,
+  controls: d,
   className: F,
   children: j,
   ariaLabel: _,
   ariaControlsId: x
 }) => {
-  const v = c ? l ? K : M : u ? D : void 0, B = () => e && !t && typeof e == "object" && "label" in e ? /* @__PURE__ */ s(R, { ...e, className: o.badge }) : A(e) ? e : null, g = _ !== void 0 ? _ : typeof n == "string" ? n : void 0, E = z();
+  const v = c ? l ? K : M : u ? D : void 0, B = () => e && !s && typeof e == "object" && "label" in e ? /* @__PURE__ */ t(R, { ...e, className: o.badge }) : A(e) ? e : null, g = _ !== void 0 ? _ : typeof n == "string" ? n : void 0, E = z();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -56,7 +57,7 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
       "data-color": k,
       "data-interactive": a,
       "data-size": h,
-      "data-has-active-child": d,
+      "data-has-active-child": p,
       "aria-disabled": r,
       children: [
         /* @__PURE__ */ i(
@@ -67,23 +68,23 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
             onClick: N,
             onKeyPress: b,
             tabIndex: S,
-            loading: t,
-            disabled: r || t,
-            active: d,
+            loading: s,
+            disabled: r || s,
+            active: p,
             ariaLabel: g,
             className: o.link,
             expanded: l,
             ariaControlsId: x,
             collapsible: c,
             children: [
-              a && /* @__PURE__ */ s("div", { className: o.linkFocus, "aria-hidden": "true" }),
-              m && /* @__PURE__ */ s(U, { ...m, className: o.select }),
-              /* @__PURE__ */ s(G, { loading: t, icon: y }),
-              /* @__PURE__ */ s(
+              a && /* @__PURE__ */ t("div", { className: o.linkFocus, "aria-hidden": "true" }),
+              m && /* @__PURE__ */ t(U, { ...m, className: o.select }),
+              /* @__PURE__ */ t(G, { loading: s, icon: y }),
+              /* @__PURE__ */ t(
                 q,
                 {
                   size: h,
-                  loading: t,
+                  loading: s,
                   highlightWords: f,
                   title: n,
                   description: C,
@@ -96,9 +97,9 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
           }
         ),
         /* @__PURE__ */ i(J, { className: o.controls, children: [
-          p && !t && /* @__PURE__ */ s("span", { className: o.customControls, children: p }),
+          d && !s && /* @__PURE__ */ t("span", { className: o.customControls, children: d }),
           B(),
-          v && !r && /* @__PURE__ */ s("span", { className: o.linkIcon, children: /* @__PURE__ */ s(
+          v && !r && /* @__PURE__ */ t("span", { className: o.linkIcon, children: /* @__PURE__ */ t(
             H,
             {
               svgElement: v,
@@ -113,5 +114,5 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
   );
 };
 export {
-  _o as ListItemHeader
+  vo as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,12 +1,13 @@
 import { jsx as s, jsxs as i } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import { I as e, s as c, i as v, B as l } from "../../ToolbarSearch-DT-KvnVb.js";
+import { I as e, s as c, i as v, B as l } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as _, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as N } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_rcjve_11", j = "_avatar_rcjve_19", G = "_avatarGroup_rcjve_23", t = {
   wrapper: d,
@@ -17,10 +18,10 @@ import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_
 function w(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const z = ({ loading: a, size: m, icon: r, theme: o, badge: p }) => r ? a ? /* @__PURE__ */ s(e, { className: t.wrapper, svgElement: c, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+const L = ({ loading: a, size: m, icon: r, theme: o, badge: p }) => r ? a ? /* @__PURE__ */ s(e, { className: t.wrapper, svgElement: c, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
   _(r) && /* @__PURE__ */ s(f, { ...r, className: t.avatar }) || u(r) && /* @__PURE__ */ s(N, { ...r, className: t.avatarGroup }) || v(r) && /* @__PURE__ */ s(e, { ...r, theme: r.theme || o, className: t.icon }) || w(r) && r || /* @__PURE__ */ s(e, { theme: o, svgElement: r, className: t.icon }),
   p && /* @__PURE__ */ s(l, { ...p, className: t.badge })
 ] }) : null;
 export {
-  z as ListItemIcon
+  L as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,10 +1,11 @@
 import { jsx as t, jsxs as P, Fragment as x } from "react/jsx-runtime";
 import { c as y } from "../../index-p1eeF8LQ.js";
 import { isValidElement as N } from "react";
-import { H as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as e } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
   label: w
@@ -32,31 +33,31 @@ const z = (r) => {
     ...s,
     children: r
   } : null;
-}, k = ({
+}, q = ({
   loading: r = !1,
   highlightWords: s,
   size: a,
   title: n,
   value: p,
-  description: c,
+  description: m,
   children: o,
-  id: m,
+  id: c,
   className: l
 }) => {
   if (n && p) {
     const i = n && H(n), b = p && z(p);
-    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
+    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: c, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
       i && /* @__PURE__ */ t(e, { ...i, loading: r, highlightWords: s }),
       b && /* @__PURE__ */ t(e, { ...b, loading: r, highlightWords: s })
     ] }) });
   }
-  const f = n && z(n), u = c && H(c);
-  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
+  const f = n && z(n), u = m && H(m);
+  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: c, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
     f && /* @__PURE__ */ t(e, { ...f, loading: r, highlightWords: s }),
     u && /* @__PURE__ */ t(e, { ...u, loading: r, highlightWords: s })
   ] }) });
 };
 export {
-  k as ListItemLabel,
+  q as ListItemLabel,
   _ as isHeadingProps
 };

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as m } from "../../ToolbarSearch-DT-KvnVb.js";
+import { M as m } from "../../ToolbarSearch-OLv6DjhT.js";
 export {
   m as Menu
 };

package/dist/components/Menu/MenuItem.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { k as s } from "../../ToolbarSearch-DT-KvnVb.js";
+import { k as u } from "../../ToolbarSearch-OLv6DjhT.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Item/ItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import "./aria.js";
 export {
-  s as MenuItem
+  u as MenuItem
 };

package/dist/components/Menu/MenuItems.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { l as M } from "../../ToolbarSearch-DT-KvnVb.js";
+import { l as b } from "../../ToolbarSearch-OLv6DjhT.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
@@ -11,7 +11,8 @@ import "./MenuListHeading.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  M as MenuItems
+  b as MenuItems
 };

package/dist/components/Menu/MenuListSearch.js

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

package/dist/components/Menu/MenuOption.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { k as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { k as p } from "../../ToolbarSearch-OLv6DjhT.js";
 const i = ({ name: o, type: r, value: e, checked: t = !1, ...m }) => /* @__PURE__ */ n(p, { ...m, name: o, role: r, value: e, checked: t });
 export {
   i as MenuOption

package/dist/components/Menu/TabMenu.js

@@ -1,16 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { k as o } from "../../ToolbarSearch-DT-KvnVb.js";
+import { k as o } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/TabMenu.css';const r = "_menu_1htwq_1", l = "_item_1htwq_28", a = "_link_1htwq_41", m = {
   menu: r,
   item: l,
   link: a
-}, q = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(o, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
+}, w = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(o, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
 export {
-  q as TabMenu
+  w as TabMenu
 };

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { V as z } from "../../ToolbarSearch-DT-KvnVb.js";
+import { V as I } from "../../ToolbarSearch-OLv6DjhT.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
@@ -11,8 +11,9 @@ import "./MenuListHeading.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../../useMenuVirtualization-Cs426RCN.js";
 export {
-  z as VirtualizedMenuItems
+  I as VirtualizedMenuItems
 };

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, k as o, l as n, m as u, V as m } from "../../ToolbarSearch-DT-KvnVb.js";
+import { M as t, k as o, l as n, m as u, V as m } from "../../ToolbarSearch-OLv6DjhT.js";
 import { MenuList as M } from "./MenuList.js";
 import { MenuListItem as p } from "./MenuListItem.js";
 import { MenuListGroup as f } from "./MenuListGroup.js";

package/dist/components/Menu/useMenuSearch.js

@@ -1,5 +1,5 @@
 import "react";
-import { w as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { w as p } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../Paperclip-DjN7qVfQ.js";
 export {
   p as useMenuSearch

package/dist/components/Metadata/MetaItem.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "../Skeleton/Skeleton.js";
 import "../Tooltip/Tooltip.js";
-import { o as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { o as e } from "../../ToolbarSearch-OLv6DjhT.js";
 export {
   e as MetaItem
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,14 +1,15 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { n as s } from "../../ToolbarSearch-DT-KvnVb.js";
+import { n as x } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Icon/ProgressIcon.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  s as MetaItemIcon
+  x as MetaItemIcon
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { o as r } from "../../ToolbarSearch-DT-KvnVb.js";
+import { o as r } from "../../ToolbarSearch-OLv6DjhT.js";
 const i = ({ datetime: t, children: m, ...e }) => /* @__PURE__ */ o(r, { as: "time", datetime: t, ...e, children: m });
 export {
   i as MetaTimestamp

package/dist/components/Metadata/Metadata.js

@@ -1,13 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { o as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { o as p } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as l } from "../Page/Flex.js";
-const b = ({ variant: o = "inline", size: t, items: m = [] }) => /* @__PURE__ */ r(l, { as: "ul", direction: o === "list" ? "col" : "row", spacing: 2, children: m.map((i, e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(p, { ...i, size: t, children: i?.label }) }, "meta-" + e)) });
+const g = ({ variant: o = "inline", size: t, items: m = [] }) => /* @__PURE__ */ r(l, { as: "ul", direction: o === "list" ? "col" : "row", spacing: 2, children: m.map((i, e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(p, { ...i, size: t, children: i?.label }) }, "meta-" + e)) });
 export {
-  b as Metadata
+  g as Metadata
 };

package/dist/components/Metadata/index.js

@@ -1,5 +1,5 @@
 import { MetaBase as a } from "./MetaBase.js";
-import { o as m, n as r } from "../../ToolbarSearch-DT-KvnVb.js";
+import { o as m, n as r } from "../../ToolbarSearch-OLv6DjhT.js";
 import { MetaTimestamp as M } from "./MetaTimestamp.js";
 import { Metadata as s } from "./Metadata.js";
 export {

package/dist/components/Modal/Modal.js

@@ -1,28 +1,29 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { s as e } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as n } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ModalBase as d } from "./ModalBase.js";
 import '../../assets/Modal.css';const l = "_dismiss_ps82p_1", c = {
   dismiss: l
-}, k = ({ open: t, onClose: s, dismissable: o, closeTitle: r, children: m, ...p }) => /* @__PURE__ */ a(d, { padding: 6, spacing: 6, ...p, open: t, onClose: s, children: [
-  typeof s == "function" && o && /* @__PURE__ */ i(
+}, v = ({ open: t, onClose: i, dismissable: o, closeTitle: r, children: m, ...p }) => /* @__PURE__ */ a(d, { padding: 6, spacing: 6, ...p, open: t, onClose: i, children: [
+  typeof i == "function" && o && /* @__PURE__ */ s(
     n,
     {
       className: c.dismiss,
       variant: "outline",
-      onClick: s,
+      onClick: i,
       "aria-label": r ?? "Close",
       size: "sm",
-      children: /* @__PURE__ */ i(e, { style: { fontSize: "1.5em" } })
+      children: /* @__PURE__ */ s(e, { style: { fontSize: "1.5em" } })
     }
   ),
   m
 ] });
 export {
-  k as Modal
+  v as Modal
 };

package/dist/components/Modal/ModalBase.js

@@ -2,16 +2,17 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useRef as D, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
 import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", f = {
   modal: C,
   content: R
-}, G = ({
+}, H = ({
   open: r,
   onClose: o,
   closedBy: n = "any",
@@ -80,5 +81,5 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   );
 };
 export {
-  G as ModalBase
+  H as ModalBase
 };

package/dist/components/Modal/ModalHeader.js

@@ -1,43 +1,44 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
-import { H as c, s as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as m, s as p } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as f } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
 import { ModalIcon as g } from "./ModalIcon.js";
-import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_nhvlf_11", m = {
+import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_nhvlf_11", c = {
   header: y,
   sticky: u
-}, S = ({
+}, B = ({
   title: o,
-  description: r,
+  description: e,
   icon: n,
   onClose: s,
   closeTitle: a,
   children: l,
   sticky: d = !0
-}) => /* @__PURE__ */ e("header", { className: h(m.header, d && m.sticky), children: /* @__PURE__ */ i(t, { direction: "row", justify: "between", align: "center", spacing: 8, style: { flexGrow: 1 }, children: [
+}) => /* @__PURE__ */ r("header", { className: h(c.header, d && c.sticky), children: /* @__PURE__ */ i(t, { direction: "row", justify: "between", align: "center", spacing: 8, style: { flexGrow: 1 }, children: [
   l || /* @__PURE__ */ i(t, { direction: "row", align: "center", spacing: 3, children: [
-    n && /* @__PURE__ */ e(g, { icon: n }),
+    n && /* @__PURE__ */ r(g, { icon: n }),
     /* @__PURE__ */ i(t, { direction: "col", spacing: 0, children: [
-      o && /* @__PURE__ */ e(c, { as: "h2", size: r ? "md" : "lg", children: o }),
-      r && /* @__PURE__ */ e(c, { as: "h3", size: "xs", weight: "normal", children: r })
+      o && /* @__PURE__ */ r(m, { as: "h2", size: e ? "md" : "lg", children: o }),
+      e && /* @__PURE__ */ r(m, { as: "h3", size: "xs", weight: "normal", children: e })
     ] })
   ] }),
-  (s || a) && /* @__PURE__ */ e(
+  (s || a) && /* @__PURE__ */ r(
     "form",
     {
       method: "dialog",
       onSubmit: () => {
         s?.();
       },
-      children: /* @__PURE__ */ e(f, { type: "submit", variant: "outline", "aria-label": a ?? "Close", size: "sm", children: /* @__PURE__ */ e(p, { style: { fontSize: "1.5em" } }) })
+      children: /* @__PURE__ */ r(f, { type: "submit", variant: "outline", "aria-label": a ?? "Close", size: "sm", children: /* @__PURE__ */ r(p, { style: { fontSize: "1.5em" } }) })
     }
   )
 ] }) });
 export {
-  S as ModalHeader
+  B as ModalHeader
 };

package/dist/components/Modal/ModalIcon.js

@@ -1,12 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as m, i as n } from "../../ToolbarSearch-DT-KvnVb.js";
-import { isAvatarProps as i, Avatar as c } from "../Avatar/Avatar.js";
+import { I as s, s as m, i } from "../../ToolbarSearch-OLv6DjhT.js";
+import { isAvatarProps as n, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemIcon.css';const _ = "_wrapper_rcjve_1", f = "_icon_rcjve_11", u = "_avatar_rcjve_19", N = "_avatarGroup_rcjve_23", o = {
   wrapper: _,
@@ -17,7 +18,7 @@ import '../../assets/ListItemIcon.css';const _ = "_wrapper_rcjve_1", f = "_icon_
 function d(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || p(a);
 }
-const h = ({ loading: a, icon: r, theme: e }) => r ? a ? /* @__PURE__ */ t(s, { className: o.wrapper, svgElement: m, loading: !0 }) : /* @__PURE__ */ t("div", { className: o.wrapper, children: i(r) && /* @__PURE__ */ t(c, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(l, { ...r, className: o.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: r.theme || e, className: o.icon }) || d(r) && r || /* @__PURE__ */ t(s, { theme: e, svgElement: r, className: o.icon }) }) : null;
+const x = ({ loading: a, icon: r, theme: e }) => r ? a ? /* @__PURE__ */ t(s, { className: o.wrapper, svgElement: m, loading: !0 }) : /* @__PURE__ */ t("div", { className: o.wrapper, children: n(r) && /* @__PURE__ */ t(c, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(l, { ...r, className: o.avatarGroup }) || i(r) && /* @__PURE__ */ t(s, { ...r, theme: r.theme || e, className: o.icon }) || d(r) && r || /* @__PURE__ */ t(s, { theme: e, svgElement: r, className: o.icon }) }) : null;
 export {
-  h as ModalIcon
+  x as ModalIcon
 };

package/dist/components/Notifications/NotificationItem.js

@@ -1,13 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { NotificationItemBase as r } from "./NotificationItemBase.js";
 import "../Snackbar/useSnackbar.js";
-const g = ({
+const j = ({
   loading: m,
   id: e = "notification",
   icon: t,
@@ -16,5 +17,5 @@ const g = ({
   ...n
 }) => m ? /* @__PURE__ */ o(r, { icon: t, title: i, loading: !0 }) : /* @__PURE__ */ o(r, { ...n, icon: t, title: i, description: p });
 export {
-  g as NotificationItem
+  j as NotificationItem
 };