@australiangreens/ag-internal-components 0.3.19 → 0.4.0

package/dist/esm/index.js

@@ -1,147 +1,148 @@
-var ot = Object.defineProperty, nt = Object.defineProperties;
-var it = Object.getOwnPropertyDescriptors;
-var J = Object.getOwnPropertySymbols;
-var pe = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
-var ie = (e, t, o) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
+var lt = Object.defineProperty, ct = Object.defineProperties;
+var dt = Object.getOwnPropertyDescriptors;
+var Z = Object.getOwnPropertySymbols;
+var fe = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
+var ie = (e, t, o) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
   for (var o in t || (t = {}))
-    pe.call(t, o) && ie(e, o, t[o]);
-  if (J)
-    for (var o of J(t))
-      he.call(t, o) && ie(e, o, t[o]);
+    fe.call(t, o) && ie(e, o, t[o]);
+  if (Z)
+    for (var o of Z(t))
+      me.call(t, o) && ie(e, o, t[o]);
   return e;
-}, b = (e, t) => nt(e, it(t));
-var fe = (e, t) => {
+}, F = (e, t) => ct(e, dt(t));
+var re = (e, t) => {
   var o = {};
-  for (var n in e)
-    pe.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
-  if (e != null && J)
-    for (var n of J(e))
-      t.indexOf(n) < 0 && he.call(e, n) && (o[n] = e[n]);
+  for (var i in e)
+    fe.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
+  if (e != null && Z)
+    for (var i of Z(e))
+      t.indexOf(i) < 0 && me.call(e, i) && (o[i] = e[i]);
   return o;
 };
-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 ge = (e, t, o) => ie(e, typeof t != "symbol" ? t + "" : t, o);
+var L = (e, t, o) => new Promise((i, r) => {
+  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 ? i(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 { 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";
-import yt from "autosuggest-highlight/parse";
-import { useAuth0 as de } from "@auth0/auth0-react";
-import { Buffer as bt } from "buffer";
-import Ft from "@mui/material/Skeleton";
-import { atom as L, useAtom as q, useSetAtom as He, useAtomValue as ve } from "jotai";
-import { createHelper as Et } from "souvlaki";
-import _t from "@mui/material/CssBaseline";
-import we from "@mui/material/Box";
-import { useHydrateAtoms as It } from "jotai/utils";
-import { styled as qe, createTheme as ze, alpha as ae } from "@mui/material/styles";
-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(
-      W,
+import { jsxs as f, Fragment as $, jsx as n } from "react/jsx-runtime";
+import { useState as H, createElement as le, useEffect as xe, useMemo as ut, createContext as pt, useRef as ae, useCallback as Ae, useContext as ht } from "react";
+import { Typography as I, Button as K, Paper as Be, Dialog as Re, LinearProgress as Ue, DialogTitle as He, DialogContent as We, DialogActions as qe, Autocomplete as ce, TextField as de, CircularProgress as te, Box as T, Chip as ft, Tooltip as ze, Stack as mt, useTheme as oe, useMediaQuery as gt, ListItemButton as Ce, ListItemIcon as xt, Fade as Ge, ListItemText as Se, ListItemSecondaryAction as At, Collapse as Ve, List as Ct, Snackbar as St, Alert as vt, FormHelperText as wt, Drawer as yt, Avatar as ve, Skeleton as we, Toolbar as kt, Divider as ye, Container as Dt, IconButton as bt } from "@mui/material";
+import { Cancel as Et, ArrowDropDown as Ft, ExpandLess as _t, ExpandMore as Pt, ViewHeadline as Tt } from "@mui/icons-material";
+import { useQuery as Ke } from "@tanstack/react-query";
+import Nt from "autosuggest-highlight/match";
+import It from "autosuggest-highlight/parse";
+import { useAuth0 as ue } from "@auth0/auth0-react";
+import { Buffer as Lt } from "buffer";
+import $t from "@mui/material/Skeleton";
+import { atom as O, useAtom as U, useSetAtom as Xe, useAtomValue as ke } from "jotai";
+import { useLocation as Mt, Link as De } from "react-router";
+import { createHelper as Ot } from "souvlaki";
+import Bt from "@mui/material/CssBaseline";
+import be from "@mui/material/Box";
+import { useHydrateAtoms as Rt } from "jotai/utils";
+import { styled as Ye, createTheme as Qe, alpha as se } from "@mui/material/styles";
+import Ee from "react-avatar";
+function Go({ text: e }) {
+  const [t, o] = H(0);
+  return /* @__PURE__ */ f($, { children: [
+    /* @__PURE__ */ n(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ n(I, { variant: "caption", display: "block", children: /* @__PURE__ */ n("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ n(
+      K,
       {
         variant: "outlined",
-        onClick: () => o((n) => n + 1),
+        onClick: () => o((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ m("p", { children: [
+    /* @__PURE__ */ f("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ i("span", { children: e })
+      /* @__PURE__ */ n("span", { children: e })
     ] }),
-    /* @__PURE__ */ m($e, { children: [
+    /* @__PURE__ */ f(Be, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const We = ({
+const Je = ({
   isOpen: e,
   dialogTitle: t,
   children: o,
-  maxWidth: n,
+  maxWidth: i,
   primaryButton: r,
   secondaryButton: s,
   additionalButtons: u,
   onClose: a,
-  sx: l,
-  "data-testid": c,
-  disableCloseOnBackdropOrEscape: x = !1,
-  isLoading: A = !1
+  sx: c,
+  "data-testid": l,
+  disableCloseOnBackdropOrEscape: g = !1,
+  isLoading: x = !1
 }) => {
-  var S, y;
-  const [D, g] = G(!1);
-  return /* @__PURE__ */ m(
-    Me,
+  var C, S;
+  const [v, m] = H(!1);
+  return /* @__PURE__ */ f(
+    Re,
     {
       open: e,
-      onClose: (h, k) => N(null, null, function* () {
-        x && (k === "backdropClick" || k === "escapeKeyDown") || D || (s != null && s.onClick ? yield s.onClick() : a());
+      onClose: (h, w) => L(null, null, function* () {
+        g && (w === "backdropClick" || w === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : a());
       }),
       fullWidth: !0,
-      maxWidth: n != null ? n : "xs",
-      "data-testid": c,
-      sx: l,
+      maxWidth: i != null ? i : "xs",
+      "data-testid": l,
+      sx: c,
       children: [
-        A && /* @__PURE__ */ i(Le, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ i(Oe, { children: t }),
-        /* @__PURE__ */ i(Re, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
-        /* @__PURE__ */ m(Ue, { children: [
-          /* @__PURE__ */ i(
-            W,
+        x && /* @__PURE__ */ n(Ue, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ n(He, { children: t }),
+        /* @__PURE__ */ n(We, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
+        /* @__PURE__ */ f(qe, { children: [
+          /* @__PURE__ */ n(
+            K,
             {
-              onClick: (S = s == null ? void 0 : s.onClick) != null ? S : a,
+              onClick: (C = s == null ? void 0 : s.onClick) != null ? C : a,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || D,
+              disabled: (s == null ? void 0 : s.disabled) || v,
               color: s == null ? void 0 : s.buttonColor,
-              children: (y = s == null ? void 0 : s.text) != null ? y : "Cancel"
+              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
             }
           ),
-          u && u.map((h, k) => {
-            var F;
-            return /* @__PURE__ */ i(
-              W,
+          u && u.map((h, w) => {
+            var E;
+            return /* @__PURE__ */ n(
+              K,
               {
                 onClick: h == null ? void 0 : h.onClick,
                 "data-testid": h == null ? void 0 : h.testId,
-                disabled: (h == null ? void 0 : h.disabled) || D,
+                disabled: (h == null ? void 0 : h.disabled) || v,
                 color: h == null ? void 0 : h.buttonColor,
-                children: (F = h.text) != null ? F : `Button ${k}`
+                children: (E = h.text) != null ? E : `Button ${w}`
               },
-              k
+              w
             );
           }),
-          r && /* @__PURE__ */ i(
-            W,
+          r && /* @__PURE__ */ n(
+            K,
             {
-              onClick: () => N(null, null, function* () {
+              onClick: () => L(null, null, function* () {
                 var h;
-                g(!0), yield (h = r.onClick) == null ? void 0 : h.call(r), g(!1);
+                m(!0), yield (h = r.onClick) == null ? void 0 : h.call(r), m(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || D,
+              disabled: r.disabled || v,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -150,7 +151,7 @@ const We = ({
       ]
     }
   );
-}, Pt = {
+}, Ut = {
   popper: {
     modifiers: [
       {
@@ -161,179 +162,179 @@ const We = ({
       }
     ]
   }
-}, Ge = {
+}, Ze = {
   right: 2
-}, Ve = ({
+}, je = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: o,
-  label: n,
+  label: i,
   inputValue: r
-}) => Be({
+}) => Ke({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : o(r),
-  queryKey: ["autocomplete", n, r]
+  queryKey: ["autocomplete", i, r]
 });
-function Mo({
-  lookup: e = () => N(null, null, function* () {
+function Vo({
+  lookup: e = () => L(null, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: o,
-  onInputChange: n,
+  onInputChange: i,
   minLength: r = 0,
   label: s,
   value: u,
   "data-testid": a,
-  sx: l,
-  boxSx: c,
-  textFieldColor: x,
-  textFieldVariant: A = "filled",
-  textFieldFocused: D,
-  textFieldSx: g,
-  loadingText: S = "Loading...",
-  noOptionsText: y = "No options",
-  popupIcon: h = /* @__PURE__ */ i(wt, {}),
-  error: k = !1,
-  helperText: F = "",
-  preLoadedOptions: T = void 0,
-  disablePortal: V = !1,
-  disableIconFlip: K = !1,
-  chipToolTipSlotProps: _ = Pt,
-  placeholderText: O = void 0,
+  sx: c,
+  boxSx: l,
+  textFieldColor: g,
+  textFieldVariant: x = "filled",
+  textFieldFocused: v,
+  textFieldSx: m,
+  loadingText: C = "Loading...",
+  noOptionsText: S = "No options",
+  popupIcon: h = /* @__PURE__ */ n(Ft, {}),
+  error: w = !1,
+  helperText: E = "",
+  preLoadedOptions: _ = void 0,
+  disablePortal: W = !1,
+  disableIconFlip: D = !1,
+  chipToolTipSlotProps: N = Ut,
+  placeholderText: B = void 0,
   onRightClick: X = () => {
   },
-  disableDefaultRightClickBehaviour: U = !1,
+  disableDefaultRightClickBehaviour: q = !1,
   readOnly: R,
-  hideInputEndAdornment: w
+  hideInputEndAdornment: b
 }) {
-  const [C, B] = G(""), Q = (p, v) => {
-    const $ = u.filter((ne) => ne.id !== v);
-    o($, "delete", p);
-  }, { data: f, isLoading: E } = Ve({
-    inputValue: C,
+  const [y, z] = H(""), J = (p, k) => {
+    const M = u.filter((ne) => ne.id !== k);
+    o(M, "delete", p);
+  }, { data: A, isLoading: P } = je({
+    inputValue: y,
     label: s,
     lookup: e,
     minLength: r,
-    preLoadedOptions: T
-  }), H = C.length >= r;
-  return /* @__PURE__ */ m("div", { "data-testid": a, children: [
-    /* @__PURE__ */ i(
-      le,
+    preLoadedOptions: _
+  }), G = y.length >= r;
+  return /* @__PURE__ */ f("div", { "data-testid": a, children: [
+    /* @__PURE__ */ n(
+      ce,
       {
-        sx: d(d({}, l), K ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: d(d({}, c), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": a ? `${a}:Autocomplete` : void 0,
-        disablePortal: V,
+        disablePortal: W,
         multiple: !0,
         getOptionLabel: (p) => typeof p == "string" ? p : p.label,
-        loading: H ? E : !1,
-        options: [...u, ...f != null ? f : []],
+        loading: G ? P : !1,
+        options: [...u, ...A != null ? A : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: u,
-        onChange: (p, v, $) => {
-          o(v, $, p);
+        onChange: (p, k, M) => {
+          o(k, M, p);
         },
-        onInputChange: (p, v, $) => {
-          B(v), n && n(u, $, p);
+        onInputChange: (p, k, M) => {
+          z(k), i && i(u, M, p);
         },
-        noOptionsText: H ? y : "Start typing to search",
-        loadingText: S,
+        noOptionsText: G ? S : "Start typing to search",
+        loadingText: C,
         popupIcon: h,
-        renderInput: (p) => /* @__PURE__ */ i(
-          ce,
-          b(d({}, p), {
+        renderInput: (p) => /* @__PURE__ */ n(
+          de,
+          F(d({}, p), {
             label: s,
             fullWidth: !0,
-            variant: A,
-            error: k,
-            helperText: F,
+            variant: x,
+            error: w,
+            helperText: E,
             autoComplete: "off",
             slotProps: {
-              input: b(d({}, p.InputProps), {
-                endAdornment: w ? void 0 : /* @__PURE__ */ m(M, { children: [
-                  E ? /* @__PURE__ */ i(te, { color: "inherit", size: 20 }) : null,
+              input: F(d({}, p.InputProps), {
+                endAdornment: b ? void 0 : /* @__PURE__ */ f($, { children: [
+                  P ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
                   p.InputProps.endAdornment
                 ] })
               })
             },
             "data-testid": a ? `${a}:Autocomplete:TextField` : void 0,
-            onKeyDown: (v) => {
-              (v.key === "Backspace" || v.key === "Delete") && v.stopPropagation();
+            onKeyDown: (k) => {
+              (k.key === "Backspace" || k.key === "Delete") && k.stopPropagation();
             },
-            color: x,
-            placeholder: O,
-            sx: g,
-            focused: D
+            color: g,
+            placeholder: B,
+            sx: m,
+            focused: v
           })
         ),
         renderValue: () => null,
-        isOptionEqualToValue: (p, v) => p.id === v.id,
-        renderOption: (p, v, $) => {
+        isOptionEqualToValue: (p, k) => p.id === k.id,
+        renderOption: (p, k, M) => {
           if (t) {
-            const ne = kt(v.label, $.inputValue, {
+            const ne = Nt(k.label, M.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), et = yt(v.label, ne);
-            return /* @__PURE__ */ se(
+            }), at = It(k.label, ne);
+            return /* @__PURE__ */ le(
               "li",
-              b(d({}, p), {
-                key: v.id,
-                "data-testid": a ? `${a}:Autocomplete:option(${v.id.toString()})` : void 0
+              F(d({}, p), {
+                key: k.id,
+                "data-testid": a ? `${a}:Autocomplete:option(${k.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ i("div", { children: et.map((ue, tt) => /* @__PURE__ */ i(
+              /* @__PURE__ */ n("div", { children: at.map((he, st) => /* @__PURE__ */ n(
                 "span",
                 {
                   style: {
-                    fontWeight: ue.highlight ? 700 : 400
+                    fontWeight: he.highlight ? 700 : 400
                   },
-                  children: ue.text
+                  children: he.text
                 },
-                tt
+                st
               )) })
             );
           } else
-            return /* @__PURE__ */ se(
+            return /* @__PURE__ */ le(
               "li",
-              b(d({}, p), {
-                key: v.id,
-                "data-testid": a ? `${a}:option(${v.id.toString()})` : void 0
+              F(d({}, p), {
+                key: k.id,
+                "data-testid": a ? `${a}:option(${k.id.toString()})` : void 0
               }),
-              v.label
+              k.label
             );
         },
         onMouseDownCapture: (p) => {
-          p.button === Ge.right && U && (p.preventDefault(), p.stopPropagation());
+          p.button === Ze.right && q && (p.preventDefault(), p.stopPropagation());
         },
         onContextMenuCapture: (p) => {
-          U && (p.preventDefault(), p.stopPropagation()), X(p);
+          q && (p.preventDefault(), p.stopPropagation()), X(p);
         },
         readOnly: R
       }
     ),
-    u.length > 0 && /* @__PURE__ */ i(P, { sx: c, children: u.map((p) => {
-      var v;
-      return /* @__PURE__ */ i(
-        lt,
+    u.length > 0 && /* @__PURE__ */ n(T, { sx: l, children: u.map((p) => {
+      var k;
+      return /* @__PURE__ */ n(
+        ft,
         {
           sx: {
             marginTop: 1,
             marginRight: 1,
             height: "auto"
           },
-          label: /* @__PURE__ */ i(
-            ct,
+          label: /* @__PURE__ */ n(
+            ze,
             {
-              title: (v = p.tooltipContent) != null ? v : "",
+              title: (k = p.tooltipContent) != null ? k : "",
               placement: "bottom-start",
-              slotProps: _,
-              children: /* @__PURE__ */ i(I, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+              slotProps: N,
+              children: /* @__PURE__ */ n(I, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
             }
           ),
           "data-testid": a ? `${a}:Chip(${p.id.toString()})` : void 0,
-          onDelete: ($) => Q($, p.id),
-          deleteIcon: /* @__PURE__ */ i(
-            vt,
+          onDelete: (M) => J(M, p.id),
+          deleteIcon: /* @__PURE__ */ n(
+            Et,
             {
               "data-testid": a ? `${a}:Chip(${p.id.toString()}):deleteIcon` : void 0
             }
@@ -344,141 +345,141 @@ function Mo({
     }) })
   ] });
 }
-const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
-  lookup: e = () => N(null, null, function* () {
+const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
+  lookup: e = () => L(null, null, function* () {
   }),
   onChange: t,
   onInputChange: o,
-  label: n,
+  label: i,
   value: r,
   sx: s,
   textFieldColor: u,
   textFieldVariant: a = "filled",
-  textFieldFocused: l,
-  textFieldSx: c,
-  error: x = !1,
-  "data-testid": A,
-  loadingText: D = "Loading...",
-  noOptionsText: g = "No options",
-  minLength: S = 3,
-  disablePortal: y = !1,
+  textFieldFocused: c,
+  textFieldSx: l,
+  error: g = !1,
+  "data-testid": x,
+  loadingText: v = "Loading...",
+  noOptionsText: m = "No options",
+  minLength: C = 3,
+  disablePortal: S = !1,
   preLoadedOptions: h,
-  helperText: k = "",
-  disabled: F,
-  popupIcon: T,
-  disableIconFlip: V,
-  placeholderText: K = void 0,
-  onRightClick: _ = () => {
+  helperText: w = "",
+  disabled: E,
+  popupIcon: _,
+  disableIconFlip: W,
+  placeholderText: D = void 0,
+  onRightClick: N = () => {
   },
-  disableDefaultRightClickBehaviour: O = !1,
+  disableDefaultRightClickBehaviour: B = !1,
   readOnly: X,
-  hideInputEndAdornment: U
+  hideInputEndAdornment: q
 }) => {
-  const [R, w] = G(""), { data: C, isLoading: B } = Ve({
+  const [R, b] = H(""), { data: y, isLoading: z } = je({
     inputValue: R,
-    label: n,
+    label: i,
     lookup: e,
-    minLength: S != null ? S : 0,
+    minLength: C != null ? C : 0,
     preLoadedOptions: h
-  }), Q = R.length >= S;
-  return /* @__PURE__ */ i("div", { "data-testid": A, children: /* @__PURE__ */ i(
-    dt,
+  }), J = R.length >= C;
+  return /* @__PURE__ */ n("div", { "data-testid": x, children: /* @__PURE__ */ n(
+    mt,
     {
       direction: "row",
       spacing: 1,
-      onMouseDownCapture: (f) => {
-        f.button === Ge.right && O && (f.preventDefault(), f.stopPropagation());
+      onMouseDownCapture: (A) => {
+        A.button === Ze.right && B && (A.preventDefault(), A.stopPropagation());
       },
-      onContextMenuCapture: (f) => {
-        O && (f.preventDefault(), f.stopPropagation()), _(f);
+      onContextMenuCapture: (A) => {
+        B && (A.preventDefault(), A.stopPropagation()), N(A);
       },
-      children: /* @__PURE__ */ i(
-        le,
+      children: /* @__PURE__ */ n(
+        ce,
         {
-          sx: d(d({}, s), V ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-          "data-testid": A ? `${A}:Autocomplete` : void 0,
-          loading: Q ? B : !1,
-          options: C != null ? C : [],
-          onChange: (f, E, H) => {
-            t(f, E, H);
+          sx: d(d({}, s), W ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+          "data-testid": x ? `${x}:Autocomplete` : void 0,
+          loading: J ? z : !1,
+          options: y != null ? y : [],
+          onChange: (A, P, G) => {
+            t(A, P, G);
           },
-          disablePortal: y,
-          filterOptions: (f) => f,
+          disablePortal: S,
+          filterOptions: (A) => A,
           value: r,
-          noOptionsText: Q ? g : "Start typing to search",
-          loadingText: D,
-          getOptionLabel: (f) => f.label,
-          popupIcon: T,
-          renderInput: (f) => /* @__PURE__ */ i(
-            ce,
-            b(d({
-              "data-testid": A ? `${A}:Autocomplete:TextField` : void 0
-            }, f), {
+          noOptionsText: J ? m : "Start typing to search",
+          loadingText: v,
+          getOptionLabel: (A) => A.label,
+          popupIcon: _,
+          renderInput: (A) => /* @__PURE__ */ n(
+            de,
+            F(d({
+              "data-testid": x ? `${x}:Autocomplete:TextField` : void 0
+            }, A), {
               variant: a,
-              label: n,
+              label: i,
               color: u,
-              error: x,
-              helperText: k,
+              error: g,
+              helperText: w,
               autoComplete: "off",
               slotProps: {
-                input: b(d({}, f.InputProps), {
-                  endAdornment: U ? void 0 : /* @__PURE__ */ m(M, { children: [
-                    B ? /* @__PURE__ */ i(te, { color: "inherit", size: 20 }) : null,
-                    f.InputProps.endAdornment
+                input: F(d({}, A.InputProps), {
+                  endAdornment: q ? void 0 : /* @__PURE__ */ f($, { children: [
+                    z ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
+                    A.InputProps.endAdornment
                   ] })
                 })
               },
-              placeholder: K,
-              sx: c,
-              focused: l
+              placeholder: D,
+              sx: l,
+              focused: c
             })
           ),
-          isOptionEqualToValue: (f, E) => f.id === E.id,
-          onInputChange: (f, E, H) => {
-            w(E), o && o(E, H, f);
+          isOptionEqualToValue: (A, P) => A.id === P.id,
+          onInputChange: (A, P, G) => {
+            b(P), o && o(P, G, A);
           },
-          renderOption: (f, E) => /* @__PURE__ */ se(
+          renderOption: (A, P) => /* @__PURE__ */ le(
             "li",
-            b(d({}, f), {
-              key: E.id,
-              "data-testid": A ? `${A}:Autocomplete:option(${E.id.toString()})` : void 0
+            F(d({}, A), {
+              key: P.id,
+              "data-testid": x ? `${x}:Autocomplete:option(${P.id.toString()})` : void 0
             }),
-            E.label
+            P.label
           ),
-          disabled: F,
+          disabled: E,
           readOnly: X
         }
       )
     }
   ) });
-}, Tt = (e) => {
+}, Ht = (e) => {
   if (!e)
     return -1;
   try {
-    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), n = decodeURIComponent(
-      bt.from(o, "base64").toString("utf8").split("").map(function(s) {
+    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
+      Lt.from(o, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
-    ), r = JSON.parse(n);
+    ), r = JSON.parse(i);
     return r != null && r.exp ? r.exp : -1;
   } catch (t) {
     return -1;
   }
-}, Ro = ({
+}, Yo = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: o
 }) => {
-  const { logout: n, getAccessTokenSilently: r } = de();
-  return /* @__PURE__ */ i(
-    We,
+  const { logout: i, getAccessTokenSilently: r } = ue();
+  return /* @__PURE__ */ n(
+    Je,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: () => N(null, null, function* () {
-          const c = yield r({ cacheMode: "off" }), x = Tt(c) * 1e3;
-          o(x), t();
+        onClick: () => L(null, null, function* () {
+          const l = yield r({ cacheMode: "off" }), g = Ht(l) * 1e3;
+          o(g), t();
         }),
         disabled: !1,
         testId: "PreferencesDialog",
@@ -486,8 +487,8 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
       },
       secondaryButton: {
         text: "Log out",
-        onClick: () => N(null, null, function* () {
-          n({ logoutParams: { returnTo: `${window.location.origin}` } });
+        onClick: () => L(null, null, function* () {
+          i({ logoutParams: { returnTo: `${window.location.origin}` } });
         }),
         disabled: !1,
         testId: "PreferencesDialog",
@@ -496,42 +497,42 @@ const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
       onClose: t,
       dialogTitle: "Session expiry",
       disableCloseOnBackdropOrEscape: !0,
-      children: /* @__PURE__ */ i("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
+      children: /* @__PURE__ */ n("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
     }
   );
 };
-function Nt(e) {
+function Wt(e) {
   return "error" in e;
 }
-function $t(e) {
-  var n;
-  const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
+function qt(e) {
+  var i;
+  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && o.startsWith("You do not have the required authorization");
 }
-function Mt(e) {
-  var n;
-  const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
+function zt(e) {
+  var i;
+  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && o.startsWith("User did not authorize the request");
 }
-function Lt(e) {
-  var n;
-  const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
+function Gt(e) {
+  var i;
+  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && o.match(/Script.*time.*exceeded/);
 }
-function Uo({
+function Qo({
   children: e,
   appName: t = "the app",
   throwErrors: o = "none",
-  disableConsoleLogging: n = !1,
+  disableConsoleLogging: i = !1,
   onError: r = () => {
   }
 }) {
-  var A, D;
-  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: l, logout: c } = de();
-  ge(() => {
+  var x, v;
+  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: c, logout: l } = ue();
+  xe(() => {
     a && r(a);
   }, [a, r]);
-  const x = rt(
+  const g = ut(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -539,166 +540,243 @@ function Uo({
     }),
     []
   );
-  if (ge(() => {
-    u || s || a || l(x);
-  }, [u, s, a, l, r, x]), a) {
-    if (n || console.error(
+  if (xe(() => {
+    u || s || a || c(g);
+  }, [u, s, a, c, r, g]), a) {
+    if (i || console.error(
       `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${u}]`,
       a
     ), o === "all")
       throw a;
-    if (Nt(a)) {
-      let g = "Auth error", S = "An unknown Auth0 error occurred.";
-      if ($t(a))
-        g = "Unauthorised", S = `You are not authorised to access ${t}.`;
-      else if (Mt(a))
-        g = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Lt(a))
-        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.";
+    if (Wt(a)) {
+      let m = "Auth error", C = "An unknown Auth0 error occurred.";
+      if (qt(a))
+        m = "Unauthorised", C = `You are not authorised to access ${t}.`;
+      else if (zt(a))
+        m = "App not authorised", C = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Gt(a))
+        m = "Auth0 script execution time exceeded", C = "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));
+        const S = localStorage.getItem("auth0_redirect_count");
+        S ? S && parseInt(S) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(S) + 1)), c(g)) : (localStorage.setItem("auth0_redirect_count", "1"), c(g));
       } 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("br", {}),
-          /* @__PURE__ */ i(I, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ m(I, { variant: "body2", children: [
+      return /* @__PURE__ */ f(Re, { open: !0, children: [
+        /* @__PURE__ */ n(He, { children: m }),
+        /* @__PURE__ */ f(We, { children: [
+          /* @__PURE__ */ n(I, { children: C }),
+          /* @__PURE__ */ n("br", {}),
+          /* @__PURE__ */ n(I, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ f(I, { variant: "body2", children: [
             "error: ",
-            (A = a == null ? void 0 : a.error) != null ? A : "N/A"
+            (x = a == null ? void 0 : a.error) != null ? x : "N/A"
           ] }),
-          /* @__PURE__ */ m(I, { variant: "body2", children: [
+          /* @__PURE__ */ f(I, { variant: "body2", children: [
             "description: ",
-            (D = a == null ? void 0 : a.error_description) != null ? D : "N/A"
+            (v = a == null ? void 0 : a.error_description) != null ? v : "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__ */ f(qe, { children: [
+          m === "Auth0 script execution time exceeded" && /* @__PURE__ */ n(K, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ n(K, { onClick: () => l({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
     } else if (o === "unknown") throw a;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ i(M, { children: e })) : /* @__PURE__ */ i(Ft, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n($, { children: e })) : /* @__PURE__ */ n($t, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Ot = {
+const pe = () => {
+  const e = oe();
+  return gt(e.breakpoints.down("sm"));
+}, Vt = 64, Kt = 72, Xt = 256, Q = O(!0), Yt = O(Xt), Qt = O(Kt), Fe = O(""), Jt = O(void 0), Zt = O(Vt), jt = O(void 0), eo = ({
+  label: e,
+  to: t,
+  icon: o,
+  subMenu: i,
+  subMenuInitialOpen: r,
+  onClick: s,
+  closeOnSmallScreen: u,
+  disabled: a = !1,
+  openInNewWindow: c = !1,
+  extraSubIndentSpace: l = 0,
+  tooltip: g = "",
+  tooltipMenuOpen: x = "",
+  tooltipMenuClosed: v = ""
+}) => {
+  const [m, C] = H(r), [S, h] = U(Q), { pathname: w } = Mt(), E = pe(), _ = "  ".repeat(l);
+  return /* @__PURE__ */ f($, { children: [
+    /* @__PURE__ */ n(
+      ze,
+      {
+        title: g || (x && S ? x : v && !S ? v : ""),
+        arrow: !0,
+        placement: "right",
+        children: /* @__PURE__ */ f(
+          Ce,
+          F(d({
+            component: t ? De : "button",
+            sx: { width: "100%" },
+            to: t,
+            onClick: () => {
+              s == null || s(), S ? (C((D) => !D), u && E && h(!1)) : i && (C(!0), h(!0));
+            },
+            "aria-label": e,
+            selected: w === t,
+            disabled: a
+          }, c ? { rel: "noopener noreferrer", target: "_blank" } : {}), {
+            children: [
+              /* @__PURE__ */ n(xt, { sx: { padding: "8px" }, children: o }),
+              /* @__PURE__ */ n(Ge, { in: S, unmountOnExit: !0, children: /* @__PURE__ */ f(T, { children: [
+                /* @__PURE__ */ n(Se, { primary: e }),
+                i && /* @__PURE__ */ n(At, { children: m ? /* @__PURE__ */ n(_t, {}) : /* @__PURE__ */ n(Pt, {}) })
+              ] }) })
+            ]
+          })
+        )
+      }
+    ),
+    i && /* @__PURE__ */ n(Ve, { in: m && S, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ n(Ct, { component: "div", disablePadding: !0, children: i.map((D) => /* @__PURE__ */ n(
+      Ce,
+      {
+        onClick: () => {
+          D.onClick && (D == null || D.onClick()), S && D != null && D.closeOnSmallScreen && E && h(!1);
+        },
+        to: D.to,
+        component: D.to ? De : "button",
+        sx: { width: "100%" },
+        selected: w === D.to,
+        disabled: D.disabled,
+        children: /* @__PURE__ */ n(
+          Se,
+          {
+            primary: _ + D.label,
+            inset: !0,
+            slotProps: { primary: { variant: "body2" } }
+          }
+        )
+      },
+      D.label
+    )) }) })
+  ] });
+}, Jo = (o) => {
+  var i = o, { subMenuInitialOpen: e } = i, t = re(i, ["subMenuInitialOpen"]);
+  const r = e === void 0 ? "initial-undefined" : String(e);
+  return /* @__PURE__ */ n(eo, d({ subMenuInitialOpen: e }, t), r);
+}, to = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Rt = {
+}, oo = {
   shouldClose: (e, t) => t !== "clickaway"
-}, ke = {
+}, _e = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, ye = 100, be = 2e3, Ut = 2e3, Bt = /* @__PURE__ */ (() => {
+}, Pe = 100, Te = 2e3, no = 2e3, io = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Ht = {
+})(), ro = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, qt = {}, zt = {}, Ke = at(null);
-function Wt(s) {
+}, ao = {}, so = {}, et = pt(null);
+function lo(s) {
   var u = s, {
-    overrideState: e = qt,
-    overrideActions: t = zt,
-    shouldClose: o = Rt.shouldClose,
-    children: n
-  } = u, r = fe(u, [
+    overrideState: e = ao,
+    overrideActions: t = so,
+    shouldClose: o = oo.shouldClose,
+    children: i
+  } = u, r = re(u, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "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 });
-  }, []), g = xe((w = {}) => {
-    A.current += 1, c.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;
-  }, []), 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);
-    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 });
-  }, 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);
-  const X = d(d({}, Ot), r), U = d(d({
+  const [{ open: a }, c] = H({ open: !1 }), l = ae([]), g = ae(Date.now()), x = ae(0), v = Ae((b) => {
+    c({ open: b });
+  }, []), m = Ae((b = {}) => {
+    x.current += 1, l.current.length >= Pe && Date.now() - g.current >= Te && (g.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Pe}) hit ${x.current} times in last ${Te}ms)`
+    ), x.current = 0);
+    const y = d(F(d({}, _e), {
+      key: io()
+    }), b);
+    return l.current.push(y), l.current.length === 1 && c({ open: !0 }), y.key;
+  }, []), C = (b = "", y = {}) => m(d({ message: b, severity: "success" }, y)), S = (b = "", y = {}) => m(d({ message: b, severity: "info" }, y)), h = (b = "", y = {}) => m(d({ message: b, severity: "warning" }, y)), w = (b = "", y = {}) => m(d({ message: b, severity: "error" }, y)), E = (b) => {
+    const y = l.current.findIndex((z) => z.key === b);
+    if (y !== -1)
+      return y === 0 ? (c({ open: !1 }), l.current[0]) : l.current.splice(y, 1);
+  }, _ = (b, y) => {
+    o(b, y) && c({ open: !1 });
+  }, W = () => {
+  }, D = () => {
+    l.current.shift(), l.current.length > 0 && c({ open: !0 });
+  }, N = (R = l.current[0]) != null ? R : d({}, _e), B = {};
+  "autoHideDuration" in N && (B.autoHideDuration = N.autoHideDuration);
+  const X = d(d({}, to), r), q = d(d({
     open: a,
-    setOpen: D,
-    enqueueNotification: g,
-    enqueueSuccessNotification: S,
-    enqueueInfoNotification: y,
+    setOpen: v,
+    enqueueNotification: m,
+    enqueueSuccessNotification: C,
+    enqueueInfoNotification: S,
     enqueueWarningNotification: h,
-    enqueueErrorNotification: k,
-    removeNotification: F
+    enqueueErrorNotification: w,
+    removeNotification: E
   }, e), t);
-  return /* @__PURE__ */ m(Ke.Provider, { value: U, children: [
-    n,
-    /* @__PURE__ */ i(
-      ut,
-      b(d(d({}, X), O), {
+  return /* @__PURE__ */ f(et.Provider, { value: q, children: [
+    i,
+    /* @__PURE__ */ n(
+      St,
+      F(d(d({}, X), B), {
         open: a,
-        onClose: T,
+        onClose: _,
         TransitionProps: {
-          onExited: K,
-          onExit: V
+          onExited: D,
+          onExit: W
         },
-        sx: { zIndex: Ut },
-        children: /* @__PURE__ */ m("div", { children: [
-          /* @__PURE__ */ i(
-            pt,
+        sx: { zIndex: no },
+        children: /* @__PURE__ */ f("div", { children: [
+          /* @__PURE__ */ n(
+            vt,
             {
-              onClose: (w) => T(w, "closeAlert"),
-              severity: _.severity,
+              onClose: (b) => _(b, "closeAlert"),
+              severity: N.severity,
               variant: "filled",
-              icon: _.progressIndicator === "circular" ? /* @__PURE__ */ i(te, { size: "1em" }) : void 0,
-              style: _.progressIndicator === "linear" ? Ht : void 0,
-              children: _.message
+              icon: N.progressIndicator === "circular" ? /* @__PURE__ */ n(te, { size: "1em" }) : void 0,
+              style: N.progressIndicator === "linear" ? ro : void 0,
+              children: N.message
             }
           ),
-          _.progressIndicator === "linear" && /* @__PURE__ */ i(Le, { color: "primary" })
+          N.progressIndicator === "linear" && /* @__PURE__ */ n(Ue, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-class Xe extends Error {
+class tt extends Error {
 }
-me(Xe, "errorName", "ContextError");
-function Gt() {
-  const e = st(Ke);
+ge(tt, "errorName", "ContextError");
+function co() {
+  const e = ht(et);
   if (e === null)
-    throw new Xe("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new tt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Bo = Et(
-  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: n }) => /* @__PURE__ */ i(Wt, b(d({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ i(M, { children: n }) }))
-), Ye = "domainCode";
-var Ne;
-const Fe = L(
-  JSON.parse((Ne = localStorage.getItem(Ye)) != null ? Ne : '{"domainCode": ""}').domainCode
-), Vt = L(
-  (e) => e(Fe),
+const Zo = Ot(
+  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(lo, F(d({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ n($, { children: i }) }))
+), ot = "domainCode";
+var Oe;
+const Ne = O(
+  JSON.parse((Oe = localStorage.getItem(ot)) != null ? Oe : '{"domainCode": ""}').domainCode
+), uo = O(
+  (e) => e(Ne),
   (e, t, o) => {
-    t(Fe, o), localStorage.setItem(Ye, JSON.stringify({ domainCode: o }));
+    t(Ne, o), localStorage.setItem(ot, JSON.stringify({ domainCode: o }));
   }
-), Kt = {
+), po = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -710,92 +788,89 @@ const Fe = L(
   ag: "AG",
   fedmps: "FedMPs",
   "": ""
-}, Qe = (e) => {
+}, nt = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Kt[e]) != null ? t : "";
-}, Ho = ({
+  return e === null ? "N/A" : (t = po[e]) != null ? t : "";
+}, jo = ({
   isLoading: e,
   isOpen: t,
   onClose: o,
-  onDomainChange: n,
+  onDomainChange: i,
   domainOptions: r,
   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(""));
-  }), h = () => N(null, null, function* () {
-    a && !D && !g ? (x(a), o()) : S && u();
+  const [a, c] = U(uo), [l, g] = H(a), { enqueueSuccessNotification: x } = co(), v = r.length === 0, m = !!a && !r.includes(a) && !r.includes(l), C = !a || v || m, S = () => L(null, null, function* () {
+    l ? (c(l), i == null || i(l), x(`Set organisation to ${l}`), o()) : (c(""), i == null || i(""));
+  }), h = () => L(null, null, function* () {
+    a && !v && !m ? (g(a), o()) : C && u();
   });
-  let k;
-  return D ? k = "Unable to retrieve your active organisations. Try logging in again." : g && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ m(
-    We,
+  let w;
+  return v ? w = "Unable to retrieve your active organisations. Try logging in again." : m && (w = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
+    Je,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: y,
-        disabled: !c || D || g,
+        onClick: S,
+        disabled: !l || v || m,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: S ? "Logout" : "Cancel",
+        text: C ? "Logout" : "Cancel",
         onClick: h
       },
-      onClose: S ? () => {
+      onClose: C ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ m(I, { marginBottom: 2, children: [
+        /* @__PURE__ */ f(I, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
         ] }),
-        /* @__PURE__ */ i(
-          le,
+        /* @__PURE__ */ n(
+          ce,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: c !== "" ? c : null,
-            onChange: (F, T) => x(T != null ? T : ""),
-            getOptionLabel: Qe,
+            value: l !== "" ? l : null,
+            onChange: (E, _) => g(_ != null ? _ : ""),
+            getOptionLabel: nt,
             options: [...r.toSorted()],
-            renderInput: (F) => /* @__PURE__ */ i(
-              ce,
-              b(d({}, F), {
+            renderInput: (E) => /* @__PURE__ */ n(
+              de,
+              F(d({}, E), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: b(d({}, F.InputProps), {
-                  endAdornment: /* @__PURE__ */ m(M, { children: [
-                    e ? /* @__PURE__ */ i(te, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    F.InputProps.endAdornment
+                InputProps: F(d({}, E.InputProps), {
+                  endAdornment: /* @__PURE__ */ f($, { children: [
+                    e ? /* @__PURE__ */ n(te, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    E.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        k && /* @__PURE__ */ i(ht, { error: !0, children: k })
+        w && /* @__PURE__ */ n(wt, { error: !0, children: w })
       ]
     }
   );
-}, Je = () => {
-  const e = oe();
-  return ft(e.breakpoints.down("sm"));
-}, Xt = 64, Yt = 72, Qt = 256, ee = L(!0), Jt = L(Qt), Zt = L(Yt), Ee = L(""), jt = L(void 0), eo = L(Xt), to = L(void 0);
-function oo({ links: e }) {
-  return /* @__PURE__ */ i("div", { children: "LinksMenu not implemented yet" });
+};
+function ho({ links: e }) {
+  return /* @__PURE__ */ n("div", { children: "LinksMenu not implemented yet" });
 }
-const Z = "Navbar", Y = {
-  root: `${Z}-root`,
-  menuButton: `${Z}-menuButton`,
-  hide: `${Z}-hide`,
-  content: `${Z}-content`
+const j = "Navbar", Y = {
+  root: `${j}-root`,
+  menuButton: `${j}-menuButton`,
+  hide: `${j}-hide`,
+  content: `${j}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, no = qe(P, { name: "NavBar" })(({ theme: e }) => ({
+}, fo = Ye(T, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -814,13 +889,13 @@ const Z = "Navbar", Y = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), z = (e, t, o) => e.transitions.create(t, {
+})), V = (e, t, o) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), io = (e) => {
+}), mo = (e) => {
   const t = oe();
-  return /* @__PURE__ */ i(
-    gt,
+  return /* @__PURE__ */ n(
+    Ve,
     d({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -829,7 +904,7 @@ const Z = "Navbar", Y = {
       }
     }, e)
   );
-}, Ze = (e) => {
+}, it = (e) => {
   var t, o;
   return {
     overflowX: "hidden",
@@ -837,110 +912,110 @@ const Z = "Navbar", Y = {
     backgroundColor: (o = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? o : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, _e = (e, t) => d({
+}, Ie = (e, t) => d({
   width: t,
-  transition: z(e, "width", "entering")
-}, Ze(e)), Ie = (e, t) => d({
+  transition: V(e, "width", "entering")
+}, it(e)), Le = (e, t) => d({
   width: t,
-  transition: z(e, "width", "leaving")
-}, Ze(e)), ro = qe(mt, {
+  transition: V(e, "width", "leaving")
+}, it(e)), go = Ye(yt, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: o, widthClosed: n, isSmallScreen: r }) => d(d({
+})(({ theme: e, open: t, widthOpen: o, widthClosed: i, isSmallScreen: r }) => d(d({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && b(d({}, _e(e, o)), {
+}, t && F(d({}, Ie(e, o)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": _e(e, o)
-})), !t && b(d({}, Ie(e, r ? o : n)), {
+  "& .MuiDrawer-paper": Ie(e, o)
+})), !t && F(d({}, Le(e, r ? o : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ie(e, r ? o : n)
+  "& .MuiDrawer-paper": Le(e, r ? o : i)
 })));
-function je(e) {
+function rt(e) {
   return e.replace(
     /(^|-)([a-z])/g,
-    (t, o, n) => o === "-" ? " " + n.toUpperCase() : n.toUpperCase()
+    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
   );
 }
-function qo(e, t, o, n) {
+function en(e, t, o, i) {
   var u;
   if (!e) return "None";
   const r = e["https://greens.org.au/roles"];
   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))
+  const s = Object.entries(r).filter(([, a]) => a.includes(t)).map(([a]) => rt(a));
+  return (u = i.find(
+    (a) => o[a].some((c) => s.includes(c))
   )) != null ? u : "None";
 }
-function ao(e, t) {
-  return Object.entries(e).reduce((o, [n, r]) => {
-    const s = je(n), u = t.includes(s) ? r : [];
+function xo(e, t) {
+  return Object.entries(e).reduce((o, [i, r]) => {
+    const s = rt(i), u = t.includes(s) ? r : [];
     return [.../* @__PURE__ */ new Set([...o, ...u])];
   }, []);
 }
-const zo = (e) => {
-  const { getIdTokenClaims: t, user: o } = de();
-  return Be({
+const tn = (e) => {
+  const { getIdTokenClaims: t, user: o } = ue();
+  return Ke({
     queryKey: ["availableDomains", o == null ? void 0 : o.sub],
-    queryFn: () => N(null, null, function* () {
-      const n = yield t();
-      if (!n) return [];
-      const r = n["https://greens.org.au/roles"];
-      return r ? ao(r, e) : [];
+    queryFn: () => L(null, null, function* () {
+      const i = yield t();
+      if (!i) return [];
+      const r = i["https://greens.org.au/roles"];
+      return r ? xo(r, e) : [];
     })
   });
-}, Wo = (e) => Object.values(e).reduce(
+}, on = (e) => Object.values(e).reduce(
   (t, o) => [.../* @__PURE__ */ new Set([...t, ...o])],
   []
-), j = {
+), ee = {
   log: console.warn.bind(console),
   error: console.error.bind(console),
   warn: console.warn.bind(console),
   info: console.info.bind(console),
   debug: console.debug.bind(console)
 };
-function Go(e, t) {
+function nn(e, t) {
   console[e] = (...o) => {
-    for (const n of t)
-      if (typeof n == "function") {
-        if (n(...o)) return;
-      } else if (n instanceof RegExp && o.length > 0) {
+    for (const i of t)
+      if (typeof i == "function") {
+        if (i(...o)) return;
+      } else if (i instanceof RegExp && o.length > 0) {
         for (const r of o)
-          if (typeof r == "string" && n.test(r))
+          if (typeof r == "string" && i.test(r))
             return;
       }
-    j[e](o);
+    ee[e](o);
   };
 }
-function Vo(e) {
+function rn(e) {
   if (e)
-    console[e] = j[e];
+    console[e] = ee[e];
   else
-    for (const t of Object.keys(j))
-      console[t] = j[t];
+    for (const t of Object.keys(ee))
+      console[t] = ee[t];
 }
-function so(e, t) {
+function Ao(e, t) {
   return e != null && typeof e == "object" && "error" in e && e.error === t;
 }
-function Ko(e, t) {
+function an(e, t) {
   const o = t == null ? void 0 : t.originalException;
-  return so(o, "login_required") ? null : e;
+  return Ao(o, "login_required") ? null : e;
 }
-function lo(e) {
+function Co(e) {
   let t = 0;
-  for (let o = 0, n = e.length; o < n; o++) {
+  for (let o = 0, i = e.length; o < i; o++) {
     const r = e.charCodeAt(o);
     t = (t << 5) - t + r, t |= 0;
   }
   return t;
 }
-const Pe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Te = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
+const $e = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Me = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function So({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
   const r = oe();
-  return /* @__PURE__ */ m(
-    P,
+  return /* @__PURE__ */ f(
+    T,
     {
       sx: {
         paddingTop: 3,
@@ -950,126 +1025,128 @@ function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
         gap: "0.5rem"
       },
       children: [
-        !n && /* @__PURE__ */ i(
-          P,
+        !i && /* @__PURE__ */ n(
+          T,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? z(r, ["width", "height"], "entering") : z(r, ["width", "height"], "leaving"),
+              transition: o ? V(r, ["width", "height"], "entering") : V(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ i(M, { children: /* @__PURE__ */ i(
-              Ae,
+            children: e != null && e.name ? /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(
+              ve,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Pe[Math.abs(lo(e == null ? void 0 : e.name)) % Pe.length]
+                  bgcolor: $e[Math.abs(Co(e == null ? void 0 : e.name)) % $e.length]
                 },
-                children: Te(e == null ? void 0 : e.name)
+                children: Me(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ i(Ae, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ n(ve, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        n && /* @__PURE__ */ i(
-          P,
+        i && /* @__PURE__ */ n(
+          T,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? z(r, ["width", "height"], "entering") : z(r, ["width", "height"], "leaving"),
+              transition: o ? V(r, ["width", "height"], "entering") : V(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ i(M, { children: /* @__PURE__ */ m(De, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ n($, { children: /* @__PURE__ */ f(Ee, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
               " ",
-              Te(e == null ? void 0 : e.name),
+              Me(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ i(De, {})
+            ] }) }) : /* @__PURE__ */ n(Ee, {})
           }
         ),
-        /* @__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__ */ n(mo, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(Ge, { in: o, children: /* @__PURE__ */ f(T, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ n(I, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ n(we, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ n(I, { children: nt(t) }) : /* @__PURE__ */ n(we, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function uo({
+function vo({
   open: e,
   widthClosed: t,
   widthOpen: o,
-  "data-testid": n,
+  "data-testid": i,
   top: r,
   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(
-    ro,
+  const g = pe(), x = Xe(Q);
+  return /* @__PURE__ */ n(fo, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ f(
+    go,
     {
       open: e,
       widthOpen: o,
       widthClosed: t,
       anchor: "left",
-      variant: x ? "temporary" : "permanent",
+      variant: g ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        A(!1);
+        x(!1);
       },
-      isSmallScreen: x,
+      isSmallScreen: g,
       children: [
-        !x && /* @__PURE__ */ i(At, {}),
-        r && /* @__PURE__ */ m(P, { flexGrow: "0", children: [
+        !g && /* @__PURE__ */ n(kt, {}),
+        r && /* @__PURE__ */ f(T, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ n(ye, { 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(Se, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ i(co, { user: a, domainCode: l, open: e, useNewAvatar: c }),
-          u && /* @__PURE__ */ i(M, { children: u })
+        /* @__PURE__ */ n(T, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ n(ho, { links: s }) : s }),
+        /* @__PURE__ */ f(T, { flexGrow: "0", children: [
+          /* @__PURE__ */ n(ye, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ n(So, { user: a, domainCode: c, open: e, useNewAvatar: l }),
+          u && /* @__PURE__ */ n($, { children: u })
         ] })
       ]
     }
   ) });
 }
-function po({
+function wo({
   children: e,
   topBarHeight: t,
   maxWidth: o = !1,
-  noPadding: n
+  noPadding: i
 }) {
-  return /* @__PURE__ */ i(
-    P,
+  return /* @__PURE__ */ n(
+    T,
     {
+      tabIndex: 0,
       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: i ? /* @__PURE__ */ n(T, { height: "inherit", children: e }) : /* @__PURE__ */ n(Dt, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
     }
   );
 }
-const ho = "TopBar", fo = {
-  titleText: `${ho}-titleText`
+const yo = "TopBar", ko = {
+  titleText: `${yo}-titleText`
 };
-function mo({
+function Do({
   titleText: e = "",
   height: t,
   "data-testid": o,
-  middle: n
+  middle: i,
+  menuButtonAriaLabel: r = "Open navigation menu"
 }) {
-  const r = He(ee), s = () => r((l) => !l), u = oe(), a = Je();
-  return /* @__PURE__ */ i("header", { "data-testid": o, children: /* @__PURE__ */ m(
-    $e,
+  const s = Xe(Q), u = () => s((l) => !l), a = oe(), c = pe();
+  return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ f(
+    Be,
     {
       square: !0,
       elevation: 0,
@@ -1083,85 +1160,88 @@ 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(
-          St,
+        /* @__PURE__ */ n(
+          bt,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: s,
-            children: /* @__PURE__ */ i(Dt, { fontSize: "medium" })
+            onClick: u,
+            "aria-label": r,
+            children: /* @__PURE__ */ n(Tt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ i(I, { className: fo.titleText, variant: "h6", component: "h1", children: e }),
-        n
+        /* @__PURE__ */ n(I, { className: ko.titleText, variant: "h6", component: "h1", children: e }),
+        i
       ]
     }
   ) });
 }
-function Xo({
+function sn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: o,
-  pageContainerProps: n,
+  pageContainerProps: i,
   pageContentDataTestId: r,
   topBarDataTestId: s,
-  navBarDataTestId: u,
-  navBarMiddle: a,
+  menuButtonAriaLabel: u,
+  navBarDataTestId: a,
+  navBarMiddle: c,
   navBarBottom: l,
-  user: c,
+  user: g,
   domainCode: x,
-  useNewAvatar: A = !1
+  useNewAvatar: v = !1
 }) {
-  It([
-    [ee, o != null ? o : !0],
-    [Ee, t != null ? t : ""]
+  Rt([
+    [Q, o != null ? o : !0],
+    [Fe, 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);
-  return /* @__PURE__ */ m(we, { children: [
-    /* @__PURE__ */ i(_t, {}),
-    /* @__PURE__ */ i(
-      mo,
+  const m = ke(Q), [C] = U(Yt), [S] = U(Qt), h = ke(Fe), [w] = U(Zt), [E] = U(Jt), [_] = U(jt);
+  return /* @__PURE__ */ f(be, { children: [
+    /* @__PURE__ */ n(Bt, {}),
+    /* @__PURE__ */ n(
+      Do,
       {
-        titleText: y,
+        titleText: h,
         "data-testid": s,
-        height: h,
-        middle: k
+        height: w,
+        middle: E,
+        menuButtonAriaLabel: u
       }
     ),
-    /* @__PURE__ */ m(we, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ i(
-        uo,
+    /* @__PURE__ */ f(be, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ n(
+        vo,
         {
-          open: D,
-          top: F,
-          middle: a,
+          open: m,
+          top: _,
+          middle: c,
           bottom: l,
-          user: c,
+          user: g,
           domainCode: x,
-          widthOpen: g,
+          widthOpen: C,
           widthClosed: S,
-          offsetTop: h,
-          "data-testid": u,
-          useNewAvatar: A
+          offsetTop: w,
+          "data-testid": a,
+          useNewAvatar: v
         }
       ),
-      /* @__PURE__ */ i(
-        po,
-        b(d({
+      /* @__PURE__ */ n(
+        wo,
+        F(d({
           "data-testid": r,
-          topBarHeight: h
-        }, n), {
+          topBarHeight: w
+        }, i), {
           children: e
         })
       )
     ] })
   ] });
 }
-const Yo = ze({
+const ln = Qe({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1212,7 +1292,7 @@ const Yo = ze({
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Qo = ze({
+}), cn = Qe({
   palette: {
     primary: {
       main: "#007236",
@@ -1266,18 +1346,18 @@ const Yo = ze({
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: ae(
+            backgroundColor: se(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: ae(
+              backgroundColor: se(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: ae(
+              backgroundColor: se(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1308,41 +1388,43 @@ const Yo = ze({
   }
 });
 export {
-  We as AgDialog,
-  Xo as AppLayout,
-  Uo as AuthGuard,
-  Ke as Context,
-  Xe as ContextError,
-  Kt as DOMAIN_CODE_LABELS,
-  Ho as DomainCodeDialog,
-  $o as ExampleComponent,
-  Mo as FetchAutocomplete,
-  Lo as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  Wt as SaladBarProvider,
-  Ro as SessionExpiryDialog,
-  Oo as SingleAutocomplete,
-  qo as determineUserLevelFromClaims,
-  Vt as domainCodeAtom,
-  Yo as fed21Theme,
-  Tt as getAuth0Expiry,
-  Qe as getDomainOptionLabel,
-  ao as getDomainsFromRolesClaim,
-  Wo as getValidBusinessRoles,
-  Qo as internalAgSystemsTheme,
-  ee as navBarOpenAtom,
-  to as navBarTopAtom,
-  Zt as navBarWidthClosedAtom,
-  Jt as navBarWidthOpenAtom,
-  Ko as sentryBeforeSend,
-  lo as simpleHashCode,
-  Go as suppressConsole,
-  Ee as titleTextAtom,
-  eo as topBarHeightAtom,
-  jt as topBarMiddleAtom,
-  Vo as unsuppressConsole,
-  Ve as useAutocompleteOptions,
-  Gt as useSaladBar,
-  zo as useValidDomains,
-  Bo as withSaladBarProvider
+  Je as AgDialog,
+  sn as AppLayout,
+  Qo as AuthGuard,
+  et as Context,
+  tt as ContextError,
+  po as DOMAIN_CODE_LABELS,
+  jo as DomainCodeDialog,
+  Go as ExampleComponent,
+  Vo as FetchAutocomplete,
+  Ko as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  Jo as NavBarLink,
+  eo as NavBarLinkInner,
+  lo as SaladBarProvider,
+  Yo as SessionExpiryDialog,
+  Xo as SingleAutocomplete,
+  en as determineUserLevelFromClaims,
+  uo as domainCodeAtom,
+  ln as fed21Theme,
+  Ht as getAuth0Expiry,
+  nt as getDomainOptionLabel,
+  xo as getDomainsFromRolesClaim,
+  on as getValidBusinessRoles,
+  cn as internalAgSystemsTheme,
+  Q as navBarOpenAtom,
+  jt as navBarTopAtom,
+  Qt as navBarWidthClosedAtom,
+  Yt as navBarWidthOpenAtom,
+  an as sentryBeforeSend,
+  Co as simpleHashCode,
+  nn as suppressConsole,
+  Fe as titleTextAtom,
+  Zt as topBarHeightAtom,
+  Jt as topBarMiddleAtom,
+  rn as unsuppressConsole,
+  je as useAutocompleteOptions,
+  co as useSaladBar,
+  tn as useValidDomains,
+  Zo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map