@altinn/altinn-components 0.63.2 → 0.63.4

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,9 +3,10 @@ import { jsx as a } from "react/jsx-runtime";
 import u, { forwardRef as c, useMemo as f } from "react";
 import { Button as g } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { u as h, g as b, M as x } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as h, g as b, M as x } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import { Tooltip as v } from "../Tooltip/Tooltip.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as y } from "../Menu/useDropdownMenuController.js";
 import { u as O } from "../../useId-BVFxCjkq.js";
@@ -26,7 +27,7 @@ const C = c((t, l) => {
     r ? u.createElement("title", { id: i }, r) : null,
     u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), A = ({
+}), D = ({
   groups: t = {},
   items: l,
   title: r,
@@ -89,5 +90,5 @@ const C = c((t, l) => {
   }
 };
 export {
-  A as ContextMenu
+  D as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -2,16 +2,17 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { forwardRef as p, useRef as g, useEffect as B } from "react";
-import { h as R, H as _ } from "../../ToolbarSearch-DT-KvnVb.js";
+import { h as R, H as _ } from "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as w } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as u } from "../../index-D7FJjvrv.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
 import { u as N } from "../../use-merge-refs-Cj4kTYVj.js";
-import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: e = "default", className: r, ...o }, c) {
+import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: r = "default", className: e, ...o }, c) {
   const s = n ? u : "div", a = g(null), k = N([a, c]);
   return B(() => {
     const m = a.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
@@ -19,9 +20,9 @@ import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1,
       !i || i?.contains(y) || (v || x ? window.open(i.href, "", "noreferrer") : i.click());
     };
     return m?.addEventListener("click", d), () => m?.removeEventListener("click", d);
-  }, []), t(s, { className: h("ds-card", r), "data-variant": e, ref: k, ...o });
-}), j = p(function({ asChild: n, className: e, ...r }, o) {
-  return t(n ? u : "div", { className: h("ds-card__block", e), ref: o, ...r });
+  }, []), t(s, { className: h("ds-card", e), "data-variant": r, ref: k, ...o });
+}), j = p(function({ asChild: n, className: r, ...e }, o) {
+  return t(n ? u : "div", { className: h("ds-card__block", r), ref: o, ...e });
 }), C = Object.assign(b, {
   Block: j
 });
@@ -29,11 +30,11 @@ C.Block.displayName = "Card.Block";
 const E = "_icon_112og_1", S = {
   icon: E
 };
-function J({
+function K({
   color: l,
   theme: n = "tinted",
-  icon: e,
-  title: r,
+  icon: r,
+  title: e,
   href: o,
   children: c,
   loading: s,
@@ -50,8 +51,8 @@ function J({
           rowGap: "1rem"
         },
         children: [
-          e && /* @__PURE__ */ t(R, { loading: s, icon: e, className: S.icon }),
-          /* @__PURE__ */ t(_, { size: "lg", loading: s, children: o ? /* @__PURE__ */ t("a", { href: o, children: r }) : r })
+          r && /* @__PURE__ */ t(R, { loading: s, icon: r, className: S.icon }),
+          /* @__PURE__ */ t(_, { size: "lg", loading: s, children: o ? /* @__PURE__ */ t("a", { href: o, children: e }) : e })
         ]
       }
     ),
@@ -59,5 +60,5 @@ function J({
   ] });
 }
 export {
-  J as DashboardCard
+  K as DashboardCard
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,27 +1,28 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import { h as m, H as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { Skeleton as a } from "../Skeleton/Skeleton.js";
+import { h as c, H as p } from "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as d } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
 import { Section as l } from "../Page/Section.js";
 import '../../assets/DashboardHeader.css';const h = "_icon_1lga1_1", f = {
   icon: h
-}, v = ({ icon: o, title: s, description: n, loading: r, children: a }) => /* @__PURE__ */ e(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
-  /* @__PURE__ */ e(t, { direction: "row", align: "center", spacing: 3, children: [
-    o && /* @__PURE__ */ i(m, { loading: r, icon: o, className: f.icon }),
-    /* @__PURE__ */ e(t, { direction: "col", spacing: 0, children: [
+}, D = ({ icon: e, title: s, description: m, loading: r, children: n }) => /* @__PURE__ */ o(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
+  /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
+    e && /* @__PURE__ */ i(c, { loading: r, icon: e, className: f.icon }),
+    /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
       /* @__PURE__ */ i(p, { size: "lg", loading: r, children: s }),
-      /* @__PURE__ */ i(d, { as: "section", variant: "subtle", size: "xs", loading: r, children: n })
+      /* @__PURE__ */ i(d, { as: "section", variant: "subtle", size: "xs", loading: r, children: m })
     ] })
   ] }),
-  /* @__PURE__ */ i(c, { loading: r, children: a })
+  /* @__PURE__ */ i(a, { loading: r, children: n })
 ] });
 export {
-  v as DashboardHeader
+  D as DashboardHeader
 };

package/dist/components/Datepicker/Datepicker.js

@@ -2,7 +2,7 @@
 import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { c as f } from "../../index-p1eeF8LQ.js";
 import { useState as x } from "react";
-import { u as J } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as J } from "../../ToolbarSearch-CDOcKzpM.js";
 import { DatepickerHeader as v } from "./DatepickerHeader.js";
 import { DatepickerTable as D } from "./DatepickerTable.js";
 import { useDatepicker as M } from "./useDatepicker.js";

package/dist/components/Datepicker/DatepickerHeader.js

@@ -3,9 +3,10 @@ import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { Button as d } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
-import { v as m } from "../../ToolbarSearch-DT-KvnVb.js";
+import { v as m } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { u as p } from "../../useId-BVFxCjkq.js";
 import '../../assets/DatepickerHeader.css';var h = function(t, n) {
@@ -29,7 +30,7 @@ const v = f((t, n) => {
   header: u,
   title: _,
   nav: g
-}, E = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
+}, S = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
   /* @__PURE__ */ i("h2", { className: c.title, children: t }),
   /* @__PURE__ */ s("nav", { className: c.nav, children: [
     /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: r, "aria-label": "prev icon", children: /* @__PURE__ */ i(v, {}) }),
@@ -37,5 +38,5 @@ const v = f((t, n) => {
   ] })
 ] });
 export {
-  E as DatepickerHeader
+  S as DatepickerHeader
 };

package/dist/components/Datepicker/DatepickerTable.js

@@ -2,35 +2,36 @@ import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { Button as h } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DatepickerTable.css';const u = "_table_1k8nb_1", p = "_weekday_1k8nb_7", y = "_date_1k8nb_13", _ = "_button_1k8nb_23", a = {
-  table: u,
-  weekday: p,
+import '../../assets/DatepickerTable.css';const p = "_table_1k8nb_1", u = "_weekday_1k8nb_7", y = "_date_1k8nb_13", _ = "_button_1k8nb_23", a = {
+  table: p,
+  weekday: u,
   date: y,
   button: _
-}, C = ({
-  weekdays: r = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+}, M = ({
+  weekdays: n = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   rows: d = [],
   onSelect: o
 }) => /* @__PURE__ */ b("table", { className: a.table, children: [
-  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 3) }, e)) }) }),
+  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: n.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 3) }, e)) }) }),
   /* @__PURE__ */ t("tbody", { children: d.map((e, s) => /* @__PURE__ */ t("tr", { children: e.map((c) => {
-    const { day: i, date: n, selected: l, isCurrentMonth: m } = c;
+    const { day: i, date: r, selected: l, isCurrentMonth: m } = c;
     return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": m, children: /* @__PURE__ */ t(
       h,
       {
         variant: "ghost",
         "aria-selected": l,
         className: a.button,
-        onClick: () => o(n),
+        onClick: () => o(r),
         children: i
       }
-    ) }, n);
+    ) }, r);
   }) }, s)) })
 ] });
 export {
-  C as DatepickerTable
+  M as DatepickerTable
 };

package/dist/components/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -11,8 +11,9 @@ import { DialogBody as y } from "./DialogBody.js";
 import { DialogSection as H } from "./DialogSection.js";
 import { DialogContact as c } from "./DialogContact.js";
 import { DialogHistory as B } from "./DialogHistory.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const J = ({
+const K = ({
   loading: r,
   backButton: f,
   contextMenu: g,
@@ -33,5 +34,5 @@ const J = ({
   p && /* @__PURE__ */ o(c, { ...p })
 ] });
 export {
-  J as Dialog
+  K as Dialog
 };

package/dist/components/Dialog/DialogActions.js

@@ -2,20 +2,21 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import { useMemo as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import { u as g, M as B } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as g, M as B } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import { Button as s } from "../Button/Button.js";
 import { ButtonGroup as x } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as _ } from "../Button/ButtonGroupDivider.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as v } from "../../ChevronUp-hn05LboH.js";
 import { S as D } from "../../ChevronDown-D_a7nb-G.js";
 import '../../assets/DialogActions.css';const S = "_action_1n930_1", I = "_comboButton_1n930_8", u = {
   action: S,
   comboButton: I
-}, J = ({ items: i, maxItems: a = 2, id: l = "dialog-actions", expandAltLabel: f }) => {
+}, K = ({ items: i, maxItems: a = 2, id: l = "dialog-actions", expandAltLabel: f }) => {
   const { currentId: h, closeAll: b, toggleId: d } = g(), e = h === l, t = m(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
     const c = ["primary", "secondary", "tertiary"];
     return c.indexOf(o?.priority) - c.indexOf(r?.priority);
@@ -50,5 +51,5 @@ import '../../assets/DialogActions.css';const S = "_action_1n930_1", I = "_combo
   }) });
 };
 export {
-  J as DialogActions
+  K as DialogActions
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -1,19 +1,20 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLog as a } from "../ActivityLog/ActivityLog.js";
 import { ModalBase as d } from "../Modal/ModalBase.js";
 import { ModalHeader as e } from "../Modal/ModalHeader.js";
 import { ModalBody as c } from "../Modal/ModalBody.js";
-const B = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
+const L = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
   /* @__PURE__ */ o(e, { title: t, onClose: r }),
   /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(a, { items: i }) })
 ] });
 export {
-  B as DialogActivityLog
+  L as DialogActivityLog
 };

package/dist/components/Dialog/DialogAttachments.js

@@ -2,16 +2,17 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as m } from "../Attachment/AttachmentList.js";
 import "react";
-import { H as n } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as n } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as e } from "../Page/Section.js";
-const d = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(e, { spacing: 1, children: [
+const A = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(e, { spacing: 1, children: [
   /* @__PURE__ */ r(n, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: i }),
   /* @__PURE__ */ r(m, { items: t })
 ] }) : null;
 export {
-  d as DialogAttachments
+  A as DialogAttachments
 };

package/dist/components/Dialog/DialogBody.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as o, Fragment as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as a } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -10,8 +10,9 @@ import { Timeline as h } from "../Timeline/Timeline.js";
 import { TimelineSection as f } from "../Timeline/TimelineSection.js";
 import { TimelineHeader as s } from "../Timeline/TimelineHeader.js";
 import { SeenByLog as d } from "./SeenByLog.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const W = ({
+const k = ({
   loading: r = !1,
   unread: e,
   sender: m,
@@ -30,5 +31,5 @@ const W = ({
   ] }) })
 ] });
 export {
-  W as DialogBody
+  k as DialogBody
 };

package/dist/components/Dialog/DialogByline.js

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

package/dist/components/Dialog/DialogContact.js

@@ -1,13 +1,14 @@
 "use client";
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import i, { forwardRef as g } from "react";
-import { H as _ } from "../../ToolbarSearch-DT-KvnVb.js";
+import c, { forwardRef as g } from "react";
+import { H as _ } from "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as m } from "../Typography/Typography.js";
 import { Link as y } from "../Typography/Link.js";
 import { Button as v } from "../Button/Button.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { u as w } from "../../useId-BVFxCjkq.js";
 import '../../assets/DialogContact.css';var I = function(o, n) {
@@ -21,45 +22,45 @@ import '../../assets/DialogContact.css';var I = function(o, n) {
 const O = g((o, n) => {
   var { title: r, titleId: t } = o, e = I(o, ["title", "titleId"]);
   let l = w();
-  return l = r ? t || "title-" + l : void 0, i.createElement(
+  return l = r ? t || "title-" + l : void 0, c.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, e),
-    r ? i.createElement("title", { id: l }, r) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m0-14a1.75 1.75 0 0 0-1.75 1.75.75.75 0 0 1-1.5 0A3.25 3.25 0 0 1 12 6.25h.136a3.114 3.114 0 0 1 1.945 5.545l-.441.354A2.37 2.37 0 0 0 12.75 14a.75.75 0 0 1-1.5 0 3.87 3.87 0 0 1 1.453-3.023l.441-.353a1.614 1.614 0 0 0-1.008-2.874zm-.95 9.15a.95.95 0 1 1 1.9 0 .95.95 0 0 1-1.9 0", clipRule: "evenodd" })
+    r ? c.createElement("title", { id: l }, r) : null,
+    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m0-14a1.75 1.75 0 0 0-1.75 1.75.75.75 0 0 1-1.5 0A3.25 3.25 0 0 1 12 6.25h.136a3.114 3.114 0 0 1 1.945 5.545l-.441.354A2.37 2.37 0 0 0 12.75 14a.75.75 0 0 1-1.5 0 3.87 3.87 0 0 1 1.453-3.023l.441-.353a1.614 1.614 0 0 0-1.008-2.874zm-.95 9.15a.95.95 0 1 1 1.9 0 .95.95 0 0 1-1.9 0", clipRule: "evenodd" })
   );
 }), j = "_section_1p2o0_1", x = "_helpIcon_1p2o0_7", B = "_contactButton_1p2o0_12", a = {
   section: j,
   helpIcon: x,
   contactButton: B
-}, F = ({
+}, G = ({
   id: o = "dialog-contact",
   title: n,
   children: r,
   buttons: t = [],
   helpLink: e
 }) => /* @__PURE__ */ s("section", { className: a.section, id: o, children: [
-  n && /* @__PURE__ */ c(_, { size: "lg", children: n }),
-  /* @__PURE__ */ c(m, { size: "sm", children: r }),
-  t && /* @__PURE__ */ c(b, { wrap: !0, children: t.map((l, f) => {
-    const { as: p, href: d, onClick: u, label: h } = l;
-    return /* @__PURE__ */ c(
+  n && /* @__PURE__ */ i(_, { size: "lg", children: n }),
+  /* @__PURE__ */ i(m, { size: "sm", children: r }),
+  t && /* @__PURE__ */ i(b, { wrap: !0, children: t.map((l, p) => {
+    const { as: f, href: d, onClick: u, label: h } = l;
+    return /* @__PURE__ */ i(
       v,
       {
-        as: p,
+        as: f,
         href: d,
         onClick: u,
         variant: "outline",
         className: a.contactButton,
         children: h
       },
-      f
+      p
     );
   }) }),
-  e && /* @__PURE__ */ c(m, { size: "sm", children: /* @__PURE__ */ s(y, { as: e.as, href: e.href, onClick: e.onClick, children: [
-    /* @__PURE__ */ c(O, { className: a.helpIcon }),
+  e && /* @__PURE__ */ i(m, { size: "sm", children: /* @__PURE__ */ s(y, { as: e.as, href: e.href, onClick: e.onClick, children: [
+    /* @__PURE__ */ i(O, { className: a.helpIcon }),
     e.children
   ] }) })
 ] });
 export {
-  F as DialogContact
+  G as DialogContact
 };

package/dist/components/Dialog/DialogHeader.js

@@ -1,19 +1,20 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { H as g, B as u, c as v } from "../../ToolbarSearch-DT-KvnVb.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { H as g, B as u, c as v } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DialogHeader.css';const y = "_header_14m6v_1", z = {
   header: y
-}, F = ({
+}, G = ({
   loading: e,
-  title: o,
+  title: a,
   badge: r,
-  status: s,
-  extendedStatusLabel: i,
+  status: i,
+  extendedStatusLabel: s,
   draftsLabel: m,
   sentCount: p,
   receivedCount: d,
@@ -30,16 +31,16 @@ import '../../assets/DialogHeader.css';const y = "_header_14m6v_1", z = {
   tooltips: D = {}
 }) => /* @__PURE__ */ t("header", { className: z.header, children: [
   /* @__PURE__ */ t(g, { loading: e, size: "xl", children: [
-    o,
+    a,
     r && " ",
-    r && /* @__PURE__ */ a(u, { ...r })
+    r && /* @__PURE__ */ o(u, { ...r })
   ] }),
-  /* @__PURE__ */ a(
+  /* @__PURE__ */ o(
     v,
     {
       loading: e,
-      status: s,
-      extendedStatusLabel: i,
+      status: i,
+      extendedStatusLabel: s,
       draftsLabel: m,
       sentCount: p,
       receivedCount: d,
@@ -58,5 +59,5 @@ import '../../assets/DialogHeader.css';const y = "_header_14m6v_1", z = {
   )
 ] });
 export {
-  F as DialogHeader
+  G as DialogHeader
 };

package/dist/components/Dialog/DialogHistory.js

@@ -2,15 +2,16 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { useState as f, createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import { Button as h } from "../Button/Button.js";
 import "react-dom";
 import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as E } from "../Page/Section.js";
-const w = ({
+const z = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -27,5 +28,5 @@ const w = ({
   ] });
 };
 export {
-  w as DialogHistory
+  z as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as f } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
-const a = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
+const j = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
 export {
-  a as DialogHistoryItem
+  j as DialogHistoryItem
 };

package/dist/components/Dialog/DialogHistorySegment.js

@@ -1,15 +1,16 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { createElement as s } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as a } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { DialogHistoryItem as c } from "./DialogHistoryItem.js";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
-const I = ({
+const b = ({
   id: i,
   items: t,
   datetime: m,
@@ -23,5 +24,5 @@ const I = ({
   t?.map((o) => /* @__PURE__ */ s(c, { ...o, key: o.id }))
 ] });
 export {
-  I as DialogHistorySegment
+  b as DialogHistorySegment
 };

package/dist/components/Dialog/DialogLayout.js

@@ -1,30 +1,31 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import { Button as c } from "../Button/Button.js";
 import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageBase as m } from "../Page/PageBase.js";
 import { PageMenu as p } from "../Page/PageMenu.js";
 import { S as d } from "../../ArrowUndo-hge1gMu8.js";
-import '../../assets/DialogLayout.css';const _ = "_article_wxe02_1", h = "_backButton_wxe02_23", u = "_controls_wxe02_28", e = {
+import '../../assets/DialogLayout.css';const _ = "_article_wxe02_1", h = "_backButton_wxe02_23", u = "_controls_wxe02_28", i = {
   article: _,
   backButton: h,
   controls: u
-}, P = ({ backButton: o, contextMenu: i, pageMenu: s, children: a, color: n }) => /* @__PURE__ */ t(m, { spacing: 0, color: n, bleed: !0, children: [
-  /* @__PURE__ */ t("article", { className: e.article, children: [
-    o && /* @__PURE__ */ r("nav", { className: e.backButton, children: /* @__PURE__ */ t(c, { as: o.as, onClick: o.onClick, size: "sm", variant: "ghost", children: [
+}, S = ({ backButton: o, contextMenu: e, pageMenu: s, children: a, color: n }) => /* @__PURE__ */ t(m, { spacing: 0, color: n, bleed: !0, children: [
+  /* @__PURE__ */ t("article", { className: i.article, children: [
+    o && /* @__PURE__ */ r("nav", { className: i.backButton, children: /* @__PURE__ */ t(c, { as: o.as, onClick: o.onClick, size: "sm", variant: "ghost", children: [
       /* @__PURE__ */ r(d, { "aria-hidden": !0 }),
       /* @__PURE__ */ r("span", { children: o?.label || "Back" })
     ] }) }),
-    /* @__PURE__ */ r("span", { className: e.controls, children: i && /* @__PURE__ */ r(l, { ...i }) }),
+    /* @__PURE__ */ r("span", { className: i.controls, children: e && /* @__PURE__ */ r(l, { ...e }) }),
     a
   ] }),
   /* @__PURE__ */ r(p, { items: s?.items })
 ] });
 export {
-  P as DialogLayout
+  S as DialogLayout
 };

package/dist/components/Dialog/DialogList.js

@@ -2,12 +2,13 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { D as g } from "../../ToolbarSearch-DT-KvnVb.js";
+import { D as l } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  g as DialogList
+  l as DialogList
 };