@australiangreens/ag-internal-components 0.3.19 → 0.3.21

package/dist/esm/index.js

@@ -21,24 +21,24 @@ var fe = (e, t) => {
 };
 var me = (e, t, o) => ie(e, typeof t != "symbol" ? t + "" : t, o);
 var N = (e, t, o) => new Promise((n, r) => {
-  var s = (l) => {
+  var s = (c) => {
     try {
-      a(o.next(l));
-    } catch (c) {
-      r(c);
+      a(o.next(c));
+    } catch (l) {
+      r(l);
     }
-  }, u = (l) => {
+  }, u = (c) => {
     try {
-      a(o.throw(l));
-    } catch (c) {
-      r(c);
+      a(o.throw(c));
+    } catch (l) {
+      r(l);
     }
-  }, a = (l) => l.done ? n(l.value) : Promise.resolve(l.value).then(s, u);
+  }, a = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(s, u);
   a((o = o.apply(e, t)).next());
 });
 import { jsxs as m, Fragment as M, jsx as i } from "react/jsx-runtime";
 import { useState as G, createElement as se, useEffect as ge, useMemo as rt, createContext as at, useRef as re, useCallback as xe, useContext as st } from "react";
-import { Typography as I, Button as W, Paper as $e, Dialog as Me, LinearProgress as Le, DialogTitle as Oe, DialogContent as Re, DialogActions as Ue, Autocomplete as le, TextField as ce, CircularProgress as te, Box as P, Chip as lt, Tooltip as ct, Stack as dt, Snackbar as ut, Alert as pt, FormHelperText as ht, useTheme as oe, useMediaQuery as ft, Drawer as mt, Collapse as gt, Avatar as Ae, Fade as xt, Skeleton as Ce, Toolbar as At, Divider as Se, Container as Ct, IconButton as St } from "@mui/material";
+import { Typography as P, Button as W, Paper as $e, Dialog as Me, LinearProgress as Le, DialogTitle as Oe, DialogContent as Re, DialogActions as Ue, Autocomplete as le, TextField as ce, CircularProgress as te, Box as T, Chip as lt, Tooltip as ct, Stack as dt, Snackbar as ut, Alert as pt, FormHelperText as ht, useTheme as oe, useMediaQuery as ft, Drawer as mt, Collapse as gt, Avatar as Ae, Fade as xt, Skeleton as Ce, Toolbar as At, Divider as Se, Container as Ct, IconButton as St } from "@mui/material";
 import { Cancel as vt, ArrowDropDown as wt, ViewHeadline as Dt } from "@mui/icons-material";
 import { useQuery as Be } from "@tanstack/react-query";
 import kt from "autosuggest-highlight/match";
@@ -56,8 +56,8 @@ import De from "react-avatar";
 function $o({ text: e }) {
   const [t, o] = G(0);
   return /* @__PURE__ */ m(M, { children: [
-    /* @__PURE__ */ i(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ i(I, { variant: "caption", display: "block", children: /* @__PURE__ */ i("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ i(P, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ i(P, { variant: "caption", display: "block", children: /* @__PURE__ */ i("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ i(
       W,
       {
@@ -86,8 +86,8 @@ const We = ({
   secondaryButton: s,
   additionalButtons: u,
   onClose: a,
-  sx: l,
-  "data-testid": c,
+  sx: c,
+  "data-testid": l,
   disableCloseOnBackdropOrEscape: x = !1,
   isLoading: A = !1
 }) => {
@@ -102,8 +102,8 @@ const We = ({
       }),
       fullWidth: !0,
       maxWidth: n != null ? n : "xs",
-      "data-testid": c,
-      sx: l,
+      "data-testid": l,
+      sx: c,
       children: [
         A && /* @__PURE__ */ i(Le, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ i(Oe, { children: t }),
@@ -185,8 +185,8 @@ function Mo({
   label: s,
   value: u,
   "data-testid": a,
-  sx: l,
-  boxSx: c,
+  sx: c,
+  boxSx: l,
   textFieldColor: x,
   textFieldVariant: A = "filled",
   textFieldFocused: D,
@@ -196,10 +196,10 @@ function Mo({
   popupIcon: h = /* @__PURE__ */ i(wt, {}),
   error: k = !1,
   helperText: F = "",
-  preLoadedOptions: T = void 0,
+  preLoadedOptions: _ = void 0,
   disablePortal: V = !1,
   disableIconFlip: K = !1,
-  chipToolTipSlotProps: _ = Pt,
+  chipToolTipSlotProps: I = Pt,
   placeholderText: O = void 0,
   onRightClick: X = () => {
   },
@@ -215,13 +215,13 @@ function Mo({
     label: s,
     lookup: e,
     minLength: r,
-    preLoadedOptions: T
+    preLoadedOptions: _
   }), H = C.length >= r;
   return /* @__PURE__ */ m("div", { "data-testid": a, children: [
     /* @__PURE__ */ i(
       le,
       {
-        sx: d(d({}, l), K ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: d(d({}, c), K ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": a ? `${a}:Autocomplete` : void 0,
         disablePortal: V,
         multiple: !0,
@@ -311,7 +311,7 @@ function Mo({
         readOnly: R
       }
     ),
-    u.length > 0 && /* @__PURE__ */ i(P, { sx: c, children: u.map((p) => {
+    u.length > 0 && /* @__PURE__ */ i(T, { sx: l, children: u.map((p) => {
       var v;
       return /* @__PURE__ */ i(
         lt,
@@ -326,8 +326,8 @@ function Mo({
             {
               title: (v = p.tooltipContent) != null ? v : "",
               placement: "bottom-start",
-              slotProps: _,
-              children: /* @__PURE__ */ i(I, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+              slotProps: I,
+              children: /* @__PURE__ */ i(P, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
             }
           ),
           "data-testid": a ? `${a}:Chip(${p.id.toString()})` : void 0,
@@ -354,8 +354,8 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
   sx: s,
   textFieldColor: u,
   textFieldVariant: a = "filled",
-  textFieldFocused: l,
-  textFieldSx: c,
+  textFieldFocused: c,
+  textFieldSx: l,
   error: x = !1,
   "data-testid": A,
   loadingText: D = "Loading...",
@@ -365,10 +365,10 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
   preLoadedOptions: h,
   helperText: k = "",
   disabled: F,
-  popupIcon: T,
+  popupIcon: _,
   disableIconFlip: V,
   placeholderText: K = void 0,
-  onRightClick: _ = () => {
+  onRightClick: I = () => {
   },
   disableDefaultRightClickBehaviour: O = !1,
   readOnly: X,
@@ -390,7 +390,7 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
         f.button === Ge.right && O && (f.preventDefault(), f.stopPropagation());
       },
       onContextMenuCapture: (f) => {
-        O && (f.preventDefault(), f.stopPropagation()), _(f);
+        O && (f.preventDefault(), f.stopPropagation()), I(f);
       },
       children: /* @__PURE__ */ i(
         le,
@@ -408,7 +408,7 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
           noOptionsText: Q ? g : "Start typing to search",
           loadingText: D,
           getOptionLabel: (f) => f.label,
-          popupIcon: T,
+          popupIcon: _,
           renderInput: (f) => /* @__PURE__ */ i(
             ce,
             b(d({
@@ -429,8 +429,8 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
                 })
               },
               placeholder: K,
-              sx: c,
-              focused: l
+              sx: l,
+              focused: c
             })
           ),
           isOptionEqualToValue: (f, E) => f.id === E.id,
@@ -477,7 +477,7 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
       primaryButton: {
         text: "Continue",
         onClick: () => N(null, null, function* () {
-          const c = yield r({ cacheMode: "off" }), x = Tt(c) * 1e3;
+          const l = yield r({ cacheMode: "off" }), x = Tt(l) * 1e3;
           o(x), t();
         }),
         disabled: !1,
@@ -527,7 +527,7 @@ function Uo({
   }
 }) {
   var A, D;
-  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: l, logout: c } = de();
+  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: c, logout: l } = de();
   ge(() => {
     a && r(a);
   }, [a, r]);
@@ -540,8 +540,8 @@ function Uo({
     []
   );
   if (ge(() => {
-    u || s || a || l(x);
-  }, [u, s, a, l, r, x]), a) {
+    u || s || a || c(x);
+  }, [u, s, a, c, r, x]), a) {
     if (n || console.error(
       `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${u}]`,
       a
@@ -557,26 +557,26 @@ function Uo({
         g = "Auth0 script execution time exceeded", S = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
       else if (a.message === "Invalid state") {
         const y = localStorage.getItem("auth0_redirect_count");
-        y ? y && parseInt(y) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(y) + 1)), l(x)) : (localStorage.setItem("auth0_redirect_count", "1"), l(x));
+        y ? y && parseInt(y) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(y) + 1)), c(x)) : (localStorage.setItem("auth0_redirect_count", "1"), c(x));
       } else if (o === "unknown") throw a;
       return /* @__PURE__ */ m(Me, { open: !0, children: [
         /* @__PURE__ */ i(Oe, { children: g }),
         /* @__PURE__ */ m(Re, { children: [
-          /* @__PURE__ */ i(I, { children: S }),
+          /* @__PURE__ */ i(P, { children: S }),
           /* @__PURE__ */ i("br", {}),
-          /* @__PURE__ */ i(I, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ m(I, { variant: "body2", children: [
+          /* @__PURE__ */ i(P, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ m(P, { variant: "body2", children: [
             "error: ",
             (A = a == null ? void 0 : a.error) != null ? A : "N/A"
           ] }),
-          /* @__PURE__ */ m(I, { variant: "body2", children: [
+          /* @__PURE__ */ m(P, { variant: "body2", children: [
             "description: ",
             (D = a == null ? void 0 : a.error_description) != null ? D : "N/A"
           ] })
         ] }),
         /* @__PURE__ */ m(Ue, { children: [
           g === "Auth0 script execution time exceeded" && /* @__PURE__ */ i(W, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ i(W, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+          /* @__PURE__ */ i(W, { onClick: () => l({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
     } else if (o === "unknown") throw a;
@@ -617,27 +617,27 @@ function Wt(s) {
     "children"
   ]);
   var R;
-  const [{ open: a }, l] = G({ open: !1 }), c = re([]), x = re(Date.now()), A = re(0), D = xe((w) => {
-    l({ open: w });
+  const [{ open: a }, c] = G({ open: !1 }), l = re([]), x = re(Date.now()), A = re(0), D = xe((w) => {
+    c({ open: w });
   }, []), g = xe((w = {}) => {
-    A.current += 1, c.current.length >= ye && Date.now() - x.current >= be && (x.current = Date.now(), console.error(
+    A.current += 1, l.current.length >= ye && Date.now() - x.current >= be && (x.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${A.current} times in last ${be}ms)`
     ), A.current = 0);
     const C = d(b(d({}, ke), {
       key: Bt()
     }), w);
-    return c.current.push(C), c.current.length === 1 && l({ open: !0 }), C.key;
+    return l.current.push(C), l.current.length === 1 && c({ open: !0 }), C.key;
   }, []), S = (w = "", C = {}) => g(d({ message: w, severity: "success" }, C)), y = (w = "", C = {}) => g(d({ message: w, severity: "info" }, C)), h = (w = "", C = {}) => g(d({ message: w, severity: "warning" }, C)), k = (w = "", C = {}) => g(d({ message: w, severity: "error" }, C)), F = (w) => {
-    const C = c.current.findIndex((B) => B.key === w);
+    const C = l.current.findIndex((B) => B.key === w);
     if (C !== -1)
-      return C === 0 ? (l({ open: !1 }), c.current[0]) : c.current.splice(C, 1);
-  }, T = (w, C) => {
-    o(w, C) && l({ open: !1 });
+      return C === 0 ? (c({ open: !1 }), l.current[0]) : l.current.splice(C, 1);
+  }, _ = (w, C) => {
+    o(w, C) && c({ open: !1 });
   }, V = () => {
   }, K = () => {
-    c.current.shift(), c.current.length > 0 && l({ open: !0 });
-  }, _ = (R = c.current[0]) != null ? R : d({}, ke), O = {};
-  "autoHideDuration" in _ && (O.autoHideDuration = _.autoHideDuration);
+    l.current.shift(), l.current.length > 0 && c({ open: !0 });
+  }, I = (R = l.current[0]) != null ? R : d({}, ke), O = {};
+  "autoHideDuration" in I && (O.autoHideDuration = I.autoHideDuration);
   const X = d(d({}, Ot), r), U = d(d({
     open: a,
     setOpen: D,
@@ -654,7 +654,7 @@ function Wt(s) {
       ut,
       b(d(d({}, X), O), {
         open: a,
-        onClose: T,
+        onClose: _,
         TransitionProps: {
           onExited: K,
           onExit: V
@@ -664,15 +664,15 @@ function Wt(s) {
           /* @__PURE__ */ i(
             pt,
             {
-              onClose: (w) => T(w, "closeAlert"),
-              severity: _.severity,
+              onClose: (w) => _(w, "closeAlert"),
+              severity: I.severity,
               variant: "filled",
-              icon: _.progressIndicator === "circular" ? /* @__PURE__ */ i(te, { size: "1em" }) : void 0,
-              style: _.progressIndicator === "linear" ? Ht : void 0,
-              children: _.message
+              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ i(te, { size: "1em" }) : void 0,
+              style: I.progressIndicator === "linear" ? Ht : void 0,
+              children: I.message
             }
           ),
-          _.progressIndicator === "linear" && /* @__PURE__ */ i(Le, { color: "primary" })
+          I.progressIndicator === "linear" && /* @__PURE__ */ i(Le, { color: "primary" })
         ] })
       })
     )
@@ -722,8 +722,8 @@ const Fe = L(
   applicationName: s,
   handleLogout: u
 }) => {
-  const [a, l] = q(Vt), [c, x] = G(a), { enqueueSuccessNotification: A } = Gt(), D = r.length === 0, g = !!a && !r.includes(a) && !r.includes(c), S = !a || D || g, y = () => N(null, null, function* () {
-    c ? (l(c), n == null || n(c), A(`Set organisation to ${c}`), o()) : (l(""), n == null || n(""));
+  const [a, c] = q(Vt), [l, x] = G(a), { enqueueSuccessNotification: A } = Gt(), D = r.length === 0, g = !!a && !r.includes(a) && !r.includes(l), S = !a || D || g, y = () => N(null, null, function* () {
+    l ? (c(l), n == null || n(l), A(`Set organisation to ${l}`), o()) : (c(""), n == null || n(""));
   }), h = () => N(null, null, function* () {
     a && !D && !g ? (x(a), o()) : S && u();
   });
@@ -736,7 +736,7 @@ const Fe = L(
       primaryButton: {
         text: "Confirm",
         onClick: y,
-        disabled: !c || D || g,
+        disabled: !l || D || g,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -746,7 +746,7 @@ const Fe = L(
       onClose: S ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ m(I, { marginBottom: 2, children: [
+        /* @__PURE__ */ m(P, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
@@ -757,8 +757,8 @@ const Fe = L(
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: c !== "" ? c : null,
-            onChange: (F, T) => x(T != null ? T : ""),
+            value: l !== "" ? l : null,
+            onChange: (F, _) => x(_ != null ? _ : ""),
             getOptionLabel: Qe,
             options: [...r.toSorted()],
             renderInput: (F) => /* @__PURE__ */ i(
@@ -795,7 +795,7 @@ const Z = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, no = qe(P, { name: "NavBar" })(({ theme: e }) => ({
+}, no = qe(T, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -871,7 +871,7 @@ function qo(e, t, o, n) {
   if (!r) return "None";
   const s = Object.entries(r).filter(([, a]) => a.includes(t)).map(([a]) => je(a));
   return (u = n.find(
-    (a) => o[a].some((l) => s.includes(l))
+    (a) => o[a].some((c) => s.includes(c))
   )) != null ? u : "None";
 }
 function ao(e, t) {
@@ -940,7 +940,7 @@ const Pe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], T
 function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
   const r = oe();
   return /* @__PURE__ */ m(
-    P,
+    T,
     {
       sx: {
         paddingTop: 3,
@@ -951,7 +951,7 @@ function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
       },
       children: [
         !n && /* @__PURE__ */ i(
-          P,
+          T,
           {
             sx: {
               width: o ? "5rem" : "2rem",
@@ -973,7 +973,7 @@ function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
           }
         ),
         n && /* @__PURE__ */ i(
-          P,
+          T,
           {
             sx: {
               width: o ? "5rem" : "2rem",
@@ -988,9 +988,9 @@ function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
             ] }) }) : /* @__PURE__ */ i(De, {})
           }
         ),
-        /* @__PURE__ */ i(io, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ i(xt, { in: o, children: /* @__PURE__ */ m(P, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ i(I, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ i(I, { children: Qe(t) }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "25%" })
+        /* @__PURE__ */ i(io, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ i(xt, { in: o, children: /* @__PURE__ */ m(T, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ i(P, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ i(P, { children: Qe(t) }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -1005,8 +1005,8 @@ function uo({
   middle: s,
   bottom: u,
   user: a,
-  domainCode: l,
-  useNewAvatar: c = !1
+  domainCode: c,
+  useNewAvatar: l = !1
 }) {
   const x = Je(), A = He(ee);
   return /* @__PURE__ */ i(no, { className: Y.root, "data-testid": n, children: /* @__PURE__ */ m(
@@ -1026,14 +1026,14 @@ function uo({
       isSmallScreen: x,
       children: [
         !x && /* @__PURE__ */ i(At, {}),
-        r && /* @__PURE__ */ m(P, { flexGrow: "0", children: [
+        r && /* @__PURE__ */ m(T, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ i(P, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ i(oo, { links: s }) : s }),
-        /* @__PURE__ */ m(P, { flexGrow: "0", children: [
+        /* @__PURE__ */ i(T, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ i(oo, { links: s }) : s }),
+        /* @__PURE__ */ m(T, { flexGrow: "0", children: [
           /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ i(co, { user: a, domainCode: l, open: e, useNewAvatar: c }),
+          /* @__PURE__ */ i(co, { user: a, domainCode: c, open: e, useNewAvatar: l }),
           u && /* @__PURE__ */ i(M, { children: u })
         ] })
       ]
@@ -1047,14 +1047,14 @@ function po({
   noPadding: n
 }) {
   return /* @__PURE__ */ i(
-    P,
+    T,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: n ? /* @__PURE__ */ i(P, { height: "inherit", children: e }) : /* @__PURE__ */ i(Ct, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
+      children: n ? /* @__PURE__ */ i(T, { height: "inherit", children: e }) : /* @__PURE__ */ i(Ct, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
     }
   );
 }
@@ -1065,9 +1065,10 @@ function mo({
   titleText: e = "",
   height: t,
   "data-testid": o,
-  middle: n
+  middle: n,
+  menuButtonAriaLabel: r = "Open navigation menu"
 }) {
-  const r = He(ee), s = () => r((l) => !l), u = oe(), a = Je();
+  const s = He(ee), u = () => s((l) => !l), a = oe(), c = Je();
   return /* @__PURE__ */ i("header", { "data-testid": o, children: /* @__PURE__ */ m(
     $e,
     {
@@ -1083,7 +1084,7 @@ function mo({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: a ? 0 : u.zIndex.drawer + 99
+        zIndex: c ? 0 : a.zIndex.drawer + 99
       },
       children: [
         /* @__PURE__ */ i(
@@ -1092,11 +1093,12 @@ function mo({
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: s,
+            onClick: u,
+            "aria-label": r,
             children: /* @__PURE__ */ i(Dt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ i(I, { className: fo.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ i(P, { className: fo.titleText, variant: "h6", component: "h1", children: e }),
         n
       ]
     }
@@ -1109,51 +1111,53 @@ function Xo({
   pageContainerProps: n,
   pageContentDataTestId: r,
   topBarDataTestId: s,
-  navBarDataTestId: u,
-  navBarMiddle: a,
+  menuButtonAriaLabel: u,
+  navBarDataTestId: a,
+  navBarMiddle: c,
   navBarBottom: l,
-  user: c,
-  domainCode: x,
-  useNewAvatar: A = !1
+  user: x,
+  domainCode: A,
+  useNewAvatar: D = !1
 }) {
   It([
     [ee, o != null ? o : !0],
     [Ee, t != null ? t : ""]
   ]);
-  const D = ve(ee), [g] = q(Jt), [S] = q(Zt), y = ve(Ee), [h] = q(eo), [k] = q(jt), [F] = q(to);
+  const g = ve(ee), [S] = q(Jt), [y] = q(Zt), h = ve(Ee), [k] = q(eo), [F] = q(jt), [_] = q(to);
   return /* @__PURE__ */ m(we, { children: [
     /* @__PURE__ */ i(_t, {}),
     /* @__PURE__ */ i(
       mo,
       {
-        titleText: y,
+        titleText: h,
         "data-testid": s,
-        height: h,
-        middle: k
+        height: k,
+        middle: F,
+        menuButtonAriaLabel: u
       }
     ),
     /* @__PURE__ */ m(we, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ i(
         uo,
         {
-          open: D,
-          top: F,
-          middle: a,
+          open: g,
+          top: _,
+          middle: c,
           bottom: l,
-          user: c,
-          domainCode: x,
-          widthOpen: g,
-          widthClosed: S,
-          offsetTop: h,
-          "data-testid": u,
-          useNewAvatar: A
+          user: x,
+          domainCode: A,
+          widthOpen: S,
+          widthClosed: y,
+          offsetTop: k,
+          "data-testid": a,
+          useNewAvatar: D
         }
       ),
       /* @__PURE__ */ i(
         po,
         b(d({
           "data-testid": r,
-          topBarHeight: h
+          topBarHeight: k
         }, n), {
           children: e
         })