@australiangreens/ag-internal-components 0.0.54 → 0.0.55

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-var Ce = Object.defineProperty, we = Object.defineProperties;
-var be = Object.getOwnPropertyDescriptors;
+var xt = Object.defineProperty, Ct = Object.defineProperties;
+var wt = Object.getOwnPropertyDescriptors;
 var Y = Object.getOwnPropertySymbols;
-var At = Object.prototype.hasOwnProperty, St = Object.prototype.propertyIsEnumerable;
-var dt = (t, e, n) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, r = (t, e) => {
-  for (var n in e || (e = {}))
-    At.call(e, n) && dt(t, n, e[n]);
+var be = Object.prototype.hasOwnProperty, Ae = Object.prototype.propertyIsEnumerable;
+var le = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
+  for (var n in t || (t = {}))
+    be.call(t, n) && le(e, n, t[n]);
   if (Y)
-    for (var n of Y(e))
-      St.call(e, n) && dt(t, n, e[n]);
-  return t;
-}, w = (t, e) => we(t, be(e));
-var Tt = (t, e) => {
+    for (var n of Y(t))
+      Ae.call(t, n) && le(e, n, t[n]);
+  return e;
+}, w = (e, t) => Ct(e, wt(t));
+var Se = (e, t) => {
   var n = {};
-  for (var i in t)
-    At.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
-  if (t != null && Y)
-    for (var i of Y(t))
-      e.indexOf(i) < 0 && St.call(t, i) && (n[i] = t[i]);
+  for (var i in e)
+    be.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+  if (e != null && Y)
+    for (var i of Y(e))
+      t.indexOf(i) < 0 && Ae.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var It = (t, e, n) => (dt(t, typeof e != "symbol" ? e + "" : e, n), n);
-var J = (t, e, n) => new Promise((i, a) => {
+var Te = (e, t, n) => (le(e, typeof t != "symbol" ? t + "" : t, n), n);
+var J = (e, t, n) => new Promise((i, a) => {
   var l = (s) => {
     try {
       u(n.next(s));
@@ -34,31 +34,31 @@ var J = (t, e, n) => new Promise((i, a) => {
       a(d);
     }
   }, u = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(l, p);
-  u((n = n.apply(t, e)).next());
+  u((n = n.apply(e, t)).next());
 });
-import { jsxs as c, Fragment as k, jsx as o } from "react/jsx-runtime";
-import { useState as B, createContext as Wt, useCallback as nt, useContext as zt, useEffect as ot, useRef as ct } from "react";
-import { Typography as $, Button as Ae, Paper as Ut, Box as v, Drawer as gt, styled as ft, IconButton as V, Container as Gt, Avatar as K, Skeleton as Ot, Divider as Dt, CssBaseline as Se, Snackbar as Te, Alert as Ie, CircularProgress as Vt, LinearProgress as Oe, Autocomplete as De, TextField as Be, FormHelperText as $e } from "@mui/material";
-import ke from "@mui/material/CssBaseline";
-import { styled as N, createTheme as Xt, alpha as pt } from "@mui/material/styles";
-import { AgError as Ne } from "@australiangreens/ag-error";
-import { createHelper as it } from "souvlaki";
-import qt from "@mui/material/List";
-import Bt from "@mui/material/Button";
-import Ee from "@mui/material/Dialog";
-import Fe from "@mui/material/DialogActions";
-import Pe from "@mui/material/DialogContent";
-import Le from "@mui/material/DialogTitle";
-import { ArrowForward as jt, ArrowBack as Qt, ViewHeadline as ye } from "@mui/icons-material";
-import { atom as E, useSetAtom as Me, useAtom as L, getDefaultStore as _e, Provider as Yt } from "jotai";
-import { useHydrateAtoms as He } from "jotai/utils";
-function jn({ text: t }) {
-  const [e, n] = B(0);
-  return /* @__PURE__ */ c(k, { children: [
-    /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o($, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+import { jsxs as c, Fragment as y, jsx as o } from "react/jsx-runtime";
+import { useState as k, createContext as Re, useCallback as ee, useContext as We, useEffect as te, useRef as de } from "react";
+import { Typography as B, Button as bt, Paper as ze, Box as x, Drawer as he, styled as ge, IconButton as V, Container as Ge, useTheme as At, Avatar as Ie, Collapse as St, Skeleton as Oe, Divider as De, CssBaseline as Tt, Snackbar as It, Alert as Ot, CircularProgress as Ue, LinearProgress as Dt, Autocomplete as kt, TextField as Bt, FormHelperText as $t } from "@mui/material";
+import Et from "@mui/material/CssBaseline";
+import { styled as $, createTheme as Ve, alpha as ce } from "@mui/material/styles";
+import { AgError as Nt } from "@australiangreens/ag-error";
+import { createHelper as oe } from "souvlaki";
+import Xe from "@mui/material/List";
+import ke from "@mui/material/Button";
+import Ft from "@mui/material/Dialog";
+import Pt from "@mui/material/DialogActions";
+import Lt from "@mui/material/DialogContent";
+import yt from "@mui/material/DialogTitle";
+import { ArrowForward as qe, ArrowBack as je, ViewHeadline as Mt } from "@mui/icons-material";
+import { atom as E, useSetAtom as _t, useAtom as P, getDefaultStore as Ht, Provider as Qe } from "jotai";
+import { useHydrateAtoms as Rt } from "jotai/utils";
+function Jn({ text: e }) {
+  const [t, n] = k(0);
+  return /* @__PURE__ */ c(y, { children: [
+    /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(B, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      Ae,
+      bt,
       {
         variant: "outlined",
         onClick: () => n((i) => i + 1),
@@ -68,25 +68,25 @@ function jn({ text: t }) {
     ),
     /* @__PURE__ */ c("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ o("span", { children: t })
+      /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ c(Ut, { children: [
+    /* @__PURE__ */ c(ze, { children: [
       "This number will incremember when button pressed: ",
-      e
+      t
     ] })
   ] });
 }
-const Jt = 330, Kt = 73, P = "Navbar", _ = {
-  root: `${P}-root`,
-  menuButton: `${P}-menuButton`,
-  hide: `${P}-hide`,
-  content: `${P}-content`,
-  userInfoHolder: `${P}-userInfoHolder`,
-  settings: `${P}-settings`,
-  pieChartIcon: `${P}-pieChartIcon`
-}, Re = N(v, {
+const Ye = 330, Je = 73, F = "Navbar", _ = {
+  root: `${F}-root`,
+  menuButton: `${F}-menuButton`,
+  hide: `${F}-hide`,
+  content: `${F}-content`,
+  userInfoHolder: `${F}-userInfoHolder`,
+  settings: `${F}-settings`,
+  pieChartIcon: `${F}-pieChartIcon`
+}, Wt = $(x, {
   name: "NavBar"
-})(({ theme: t }) => ({
+})(({ theme: e }) => ({
   [`&.${_.root}`]: {
     display: "flex"
   },
@@ -98,14 +98,14 @@ const Jt = 330, Kt = 73, P = "Navbar", _ = {
   },
   [`& .${_.content}`]: {
     flexGrow: 1,
-    padding: t.spacing(3)
+    padding: e.spacing(3)
   },
   [`& .${_.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), Zt = () => ({
+})), Ke = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -113,51 +113,51 @@ const Jt = 330, Kt = 73, P = "Navbar", _ = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), We = () => r({
-  width: Jt
-}, Zt()), ze = () => r({
-  width: Kt
-}, Zt()), Ue = N(gt, {
-  shouldForwardProp: (t) => t !== "open"
-})(({ theme: t, open: e }) => r(r({
-  width: e ? Jt : Kt,
+}), zt = () => r({
+  width: Ye
+}, Ke()), Gt = () => r({
+  width: Je
+}, Ke()), Ut = $(he, {
+  shouldForwardProp: (e) => e !== "open"
+})(({ theme: e, open: t }) => r(r({
+  width: t ? Ye : Je,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
-  zIndex: t.zIndex.drawer + 100
-}, e && {
-  "& .MuiDrawer-paper": We()
-}), !e && {
-  "& .MuiDrawer-paper": ze()
+  zIndex: e.zIndex.drawer + 100
+}, t && {
+  "& .MuiDrawer-paper": zt()
+}), !t && {
+  "& .MuiDrawer-paper": Gt()
 }));
-class mt extends Ne {
+class fe extends Nt {
 }
-It(mt, "errorName", "ContextError");
-const te = Wt(null), Ge = {}, Ve = {}, Xe = ({
-  overrideState: t = Ge,
-  overrideActions: e = Ve,
+Te(fe, "errorName", "ContextError");
+const Ze = Re(null), Vt = {}, Xt = {}, qt = ({
+  overrideState: e = Vt,
+  overrideActions: t = Xt,
   children: n
 }) => {
-  const [{ open: i }, a] = B({ open: !0 }), l = nt((s) => {
+  const [{ open: i }, a] = k({ open: !0 }), l = ee((s) => {
     a({ open: s });
-  }, []), p = nt(() => {
+  }, []), p = ee(() => {
     a((s) => w(r({}, s), { open: !s.open }));
   }, []), u = r(r({
     open: i,
     setOpen: l,
     toggleOpen: p
-  }, t), e);
-  return /* @__PURE__ */ o(te.Provider, { value: u, children: n });
-}, qe = () => {
-  const t = zt(te);
-  if (t === null)
-    throw new mt("Error: Tried to useNavBar outside of a <NavBarProvider>");
-  return t;
-}, je = (t = {}) => r({
+  }, e), t);
+  return /* @__PURE__ */ o(Ze.Provider, { value: u, children: n });
+}, jt = () => {
+  const e = We(Ze);
+  if (e === null)
+    throw new fe("Error: Tried to useNavBar outside of a <NavBarProvider>");
+  return e;
+}, Qt = (e = {}) => r({
   open: !0
-}, t), Qn = it(
-  (t = je(), e = {}) => ({ children: n }) => /* @__PURE__ */ o(Xe, { overrideState: t, overrideActions: e, children: n })
-), $t = 7, Yn = N(qt)(({ theme: t }) => ({
+}, e), Kn = oe(
+  (e = Qt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(qt, { overrideState: e, overrideActions: t, children: n })
+), Be = 7, Zn = $(Xe)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -166,36 +166,36 @@ const te = Wt(null), Ge = {}, Ve = {}, Xe = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${$t}px`
+      padding: `${Be}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
-      backgroundColor: t.palette.grey[700]
+      backgroundColor: e.palette.grey[700]
     },
     // Selected state
     "&.Mui-selected": {
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
-      borderLeftColor: t.palette.primary.main,
-      paddingLeft: `calc(${t.spacing(2)} - ${$t}px)`
+      borderLeftColor: e.palette.primary.main,
+      paddingLeft: `calc(${e.spacing(2)} - ${Be}px)`
     },
     // Hover state
     "&:hover": {
-      backgroundColor: t.palette.primary.dark
+      backgroundColor: e.palette.primary.dark
     },
     // Focus+Selected state
     "&.Mui-selected.Mui-focusVisible": {
-      backgroundColor: t.palette.grey[700]
+      backgroundColor: e.palette.grey[700]
     },
     // Hover+Selected state
     "&.Mui-selected:hover": {
-      backgroundColor: t.palette.primary.dark
+      backgroundColor: e.palette.primary.dark
     }
     // Focus+Hover+Selected state doesn't need to be specified
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), kt = 7, Jn = N(qt)(({ theme: t }) => ({
+})), $e = 7, eo = $(Xe)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -204,91 +204,91 @@ const te = Wt(null), Ge = {}, Ve = {}, Xe = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${kt}px`
+      padding: `${$e}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
-      backgroundColor: t.palette.grey[700]
+      backgroundColor: e.palette.grey[700]
     },
     // Selected state
     "&.Mui-selected": {
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
-      borderLeftColor: t.palette.primary.main,
-      paddingLeft: `calc(${t.spacing(2)} - ${kt}px)`
+      borderLeftColor: e.palette.primary.main,
+      paddingLeft: `calc(${e.spacing(2)} - ${$e}px)`
     },
     // Hover state
     "&:hover": {
-      backgroundColor: t.palette.primary.dark
+      backgroundColor: e.palette.primary.dark
     },
     // Focus+Selected state
     "&.Mui-selected.Mui-focusVisible": {
-      backgroundColor: t.palette.grey[700]
+      backgroundColor: e.palette.grey[700]
     },
     // Hover+Selected state
     "&.Mui-selected:hover": {
-      backgroundColor: t.palette.primary.dark
+      backgroundColor: e.palette.primary.dark
     }
     // Focus+Hover+Selected state doesn't need to be specified
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
 }));
-function Kn({
-  "data-testid": t,
-  children: e
+function to({
+  "data-testid": e,
+  children: t
 }) {
-  const { open: n } = qe();
-  return /* @__PURE__ */ c(Re, { className: _.root, "data-testid": t, children: [
-    /* @__PURE__ */ o(ke, {}),
+  const { open: n } = jt();
+  return /* @__PURE__ */ c(Wt, { className: _.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Et, {}),
     /* @__PURE__ */ o(
-      Ue,
+      Ut,
       {
         variant: "permanent",
         anchor: "left",
         transitionDuration: null,
         open: n,
-        children: e
+        children: t
       }
     )
   ] });
 }
-const Qe = ({
-  isOpen: t,
-  dialogTitle: e,
+const Yt = ({
+  isOpen: e,
+  dialogTitle: t,
   children: n,
   maxWidth: i,
   primaryButton: a,
   secondaryButton: l,
   onClose: p
 }) => {
-  var d, x;
-  const [u, s] = B(!1);
+  var d, v;
+  const [u, s] = k(!1);
   return /* @__PURE__ */ c(
-    Ee,
+    Ft,
     {
-      open: t,
+      open: e,
       onClose: () => {
         u || p();
       },
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       children: [
-        /* @__PURE__ */ o(Le, { children: e }),
-        /* @__PURE__ */ o(Pe, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ c(Fe, { children: [
+        /* @__PURE__ */ o(yt, { children: t }),
+        /* @__PURE__ */ o(Lt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ c(Pt, { children: [
           /* @__PURE__ */ o(
-            Bt,
+            ke,
             {
               onClick: (d = l == null ? void 0 : l.onClick) != null ? d : p,
               "data-testid": l == null ? void 0 : l.testId,
               disabled: (l == null ? void 0 : l.disabled) || u,
               color: l == null ? void 0 : l.buttonColor,
-              children: (x = l == null ? void 0 : l.text) != null ? x : "Cancel"
+              children: (v = l == null ? void 0 : l.text) != null ? v : "Cancel"
             }
           ),
           a && /* @__PURE__ */ o(
-            Bt,
+            ke,
             {
               onClick: () => J(void 0, null, function* () {
                 var f;
@@ -304,29 +304,29 @@ const Qe = ({
       ]
     }
   );
-}, Ye = 24, Je = 64, y = "TopBar", A = {
-  topStripe: `${y}-topStripe`,
-  titleBar: `${y}-titleBar`,
-  titleSlider: `${y}-titleSlider`,
-  titleText: `${y}-titleText`,
-  leftPanelButton: `${y}-leftPanelButton`,
-  rightPanelButton: `${y}-leftPanelButton`
-}, Ke = ft("div", {
-  shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
-  name: y
-})(({ theme: t, leftPanel: e, rightPanel: n }) => {
+}, Jt = 24, Kt = 64, L = "TopBar", A = {
+  topStripe: `${L}-topStripe`,
+  titleBar: `${L}-titleBar`,
+  titleSlider: `${L}-titleSlider`,
+  titleText: `${L}-titleText`,
+  leftPanelButton: `${L}-leftPanelButton`,
+  rightPanelButton: `${L}-leftPanelButton`
+}, Zt = ge("div", {
+  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
+  name: L
+})(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, a;
   return {
     width: "100%",
     [`& .${A.topStripe}`]: {
       width: "100%",
-      height: `${Ye}px`,
-      backgroundColor: t.palette.primary.main
+      height: `${Jt}px`,
+      backgroundColor: e.palette.primary.main
     },
     [`& .${A.titleBar}`]: {
-      backgroundColor: t.palette.primary.light,
-      height: `${Je}px`,
-      padding: t.spacing(0, 3),
+      backgroundColor: e.palette.primary.light,
+      height: `${Kt}px`,
+      padding: e.spacing(0, 3),
       width: "100%"
     },
     [`& .${A.titleSlider}`]: r(r({
@@ -334,12 +334,12 @@ const Qe = ({
       display: "flex",
       alignItems: "center",
       color: "white",
-      transition: t.transitions.create("margin", {
-        easing: t.transitions.easing.sharp,
-        duration: t.transitions.duration.leavingScreen
+      transition: e.transitions.create("margin", {
+        easing: e.transitions.easing.sharp,
+        duration: e.transitions.duration.leavingScreen
       }),
       [`& .${A.leftPanelButton}`]: {
-        marginRight: t.spacing(2),
+        marginRight: e.spacing(2),
         flexGrow: 0
       },
       [`& .${A.titleText}`]: {
@@ -348,46 +348,46 @@ const Qe = ({
       [`& .${A.rightPanelButton}`]: {
         flexGrow: 0
       }
-    }, (e == null ? void 0 : e.open) && {
-      transition: t.transitions.create("margin", {
-        easing: t.transitions.easing.easeOut,
-        duration: t.transitions.duration.enteringScreen
+    }, (t == null ? void 0 : t.open) && {
+      transition: e.transitions.create("margin", {
+        easing: e.transitions.easing.easeOut,
+        duration: e.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(i = e == null ? void 0 : e.width) != null ? i : 0}px`
+      marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
     }), (n == null ? void 0 : n.open) && {
-      transition: t.transitions.create("margin", {
-        easing: t.transitions.easing.easeOut,
-        duration: t.transitions.duration.enteringScreen
+      transition: e.transitions.create("margin", {
+        easing: e.transitions.easing.easeOut,
+        duration: e.transitions.duration.enteringScreen
       }),
       marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
     })
   };
 });
-function Ze({
-  titleText: t = "",
-  leftPanel: e,
+function en({
+  titleText: e = "",
+  leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ c(Ke, { leftPanel: e, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ c(Zt, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: A.topStripe }),
-    /* @__PURE__ */ o("div", { className: A.titleBar, children: /* @__PURE__ */ c(v, { className: A.titleSlider, children: [
-      e !== void 0 && !e.open && e.showOpenArrow && /* @__PURE__ */ c(
+    /* @__PURE__ */ o("div", { className: A.titleBar, children: /* @__PURE__ */ c(x, { className: A.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
           className: A.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
-          onClick: e == null ? void 0 : e.onOpen,
+          onClick: t == null ? void 0 : t.onOpen,
           edge: "start",
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(jt, {})
+            /* @__PURE__ */ o(qe, {})
           ]
         }
       ),
-      /* @__PURE__ */ o($, { className: A.titleText, variant: "h6", noWrap: !0, children: t }),
+      /* @__PURE__ */ o(B, { className: A.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
@@ -399,15 +399,15 @@ function Ze({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(Qt, {})
+            /* @__PURE__ */ o(je, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const ee = 400, tn = ft(gt, {
-  shouldForwardProp: (t) => (
+const et = 400, tn = ge(he, {
+  shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
       "width",
@@ -416,19 +416,19 @@ const ee = 400, tn = ft(gt, {
       "navBarOpen",
       "navBarWidthOpen",
       "navBarWidthClosed"
-    ].includes(t)
+    ].includes(e)
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: t, debugOpacity: e = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
-    width: t,
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
+    width: e,
     "& .MuiDrawer-paper": r(r({
       position: "absolute",
-      width: t,
+      width: e,
       boxSizing: "border-box",
       border: "unset",
       boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
-    }, e && {
+    }, t && {
       opacity: "50%"
     }), n === "left" && r({
       marginLeft: `${l}px`
@@ -436,15 +436,15 @@ const ee = 400, tn = ft(gt, {
       marginLeft: `${a}px`
     }))
   })
-), en = ft(v, {
-  shouldForwardProp: (t) => !["anchor"].includes(t)
-})(({ theme: t, anchor: e }) => w(r({
+), nn = ge(x, {
+  shouldForwardProp: (e) => !["anchor"].includes(e)
+})(({ theme: e, anchor: t }) => w(r({
   display: "flex",
   alignItems: "center",
-  padding: t.spacing(2)
-}, t.mixins.toolbar), {
-  justifyContent: e === "left" ? "space-between" : "flex-start",
-  backgroundColor: t.palette.primary.light,
+  padding: e.spacing(2)
+}, e.mixins.toolbar), {
+  justifyContent: t === "left" ? "space-between" : "flex-start",
+  backgroundColor: e.palette.primary.light,
   height: "88px",
   "&,*": {
     color: "white"
@@ -453,22 +453,22 @@ const ee = 400, tn = ft(gt, {
     fontSize: "22px"
   },
   " .MuiButtonBase-root": {
-    marginRight: e === "right" ? t.spacing(2) : 0
+    marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Nt({
-  children: t,
-  anchor: e = "left",
+function Ee({
+  children: e,
+  anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: a = "",
-  width: l = ee,
+  width: l = et,
   showCloseArrow: p = !0,
   debugOpacity: u = !1,
   headerBoxProps: s = {},
   onOpened: d,
-  onClosed: x,
+  onClosed: v,
   "data-testid": f,
   navBarOpen: C = !1,
   navBarWidthOpen: m = 0,
@@ -479,10 +479,10 @@ function Nt({
     {
       SlideProps: {
         onEntered: () => d == null ? void 0 : d(),
-        onExited: () => x == null ? void 0 : x()
+        onExited: () => v == null ? void 0 : v()
       },
       variant: "persistent",
-      anchor: e,
+      anchor: t,
       open: n,
       width: l,
       debugOpacity: u,
@@ -491,69 +491,69 @@ function Nt({
       navBarWidthOpen: m,
       navBarWidthClosed: T,
       children: [
-        /* @__PURE__ */ o(en, w(r({ anchor: e }, s), { children: e === "left" ? /* @__PURE__ */ c(k, { children: [
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
+        /* @__PURE__ */ o(nn, w(r({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ c(y, { children: [
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: a }),
           p && /* @__PURE__ */ c(V, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(Qt, { "data-testid": "arrowbackicon" }),
+            /* @__PURE__ */ o(je, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ c(k, { children: [
+        ] }) : /* @__PURE__ */ c(y, { children: [
           p && /* @__PURE__ */ c(V, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(jt, {}),
+            /* @__PURE__ */ o(qe, {}),
             " "
           ] }),
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
-        t
+        e
       ]
     }
   );
 }
-const nn = N(v, {
-  shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
+const on = $(x, {
+  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
-})(({ theme: t, leftPanel: e, rightPanel: n }) => {
+})(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, a;
   return r(r({
-    transition: t.transitions.create("margin", {
-      easing: t.transitions.easing.sharp,
-      duration: t.transitions.duration.leavingScreen
+    transition: e.transitions.create("margin", {
+      easing: e.transitions.easing.sharp,
+      duration: e.transitions.duration.leavingScreen
     })
-  }, (e == null ? void 0 : e.open) && {
-    transition: t.transitions.create("margin", {
-      easing: t.transitions.easing.easeOut,
-      duration: t.transitions.duration.enteringScreen
+  }, (t == null ? void 0 : t.open) && {
+    transition: e.transitions.create("margin", {
+      easing: e.transitions.easing.easeOut,
+      duration: e.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(i = e == null ? void 0 : e.width) != null ? i : 0}px`
+    marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
   }), (n == null ? void 0 : n.open) && {
-    transition: t.transitions.create("margin", {
-      easing: t.transitions.easing.easeOut,
-      duration: t.transitions.duration.enteringScreen
+    transition: e.transitions.create("margin", {
+      easing: e.transitions.easing.easeOut,
+      duration: e.transitions.duration.enteringScreen
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), on = N(Gt, {
+}), rn = $(Ge, {
   name: "PageContainer"
-})(({ theme: t }) => ({
+})(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
-  paddingTop: t.spacing(3),
-  paddingBottom: t.spacing(3)
-})), ut = !1, ht = !1, Z = {
+  paddingTop: e.spacing(3),
+  paddingBottom: e.spacing(3)
+})), pe = !1, ue = !1, K = {
   titleText: "",
   flavour: "push",
-  width: ee,
+  width: et,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(k, {}),
+  content: /* @__PURE__ */ o(y, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Zn({
-  children: t,
-  titleText: e = "",
+function no({
+  children: e,
+  titleText: t = "",
   leftPanel: n,
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: a = !0,
@@ -562,256 +562,254 @@ function Zn({
   pageContentDataTestId: u,
   topBarDataTestId: s,
   navBarOpen: d,
-  navBarWidthOpen: x,
+  navBarWidthOpen: v,
   navBarWidthClosed: f
 }) {
-  const [C, m] = B(ut), [T, I] = B(ht), [S, b] = B(ut), [O, H] = B(ht), R = n !== void 0, W = i !== void 0, {
+  const [C, m] = k(pe), [T, I] = k(ue), [S, b] = k(pe), [O, H] = k(ue), R = n !== void 0, W = i !== void 0, {
     titleText: D,
     content: X,
     flavour: q,
     open: z,
-    onChangeOpen: U,
+    onChangeOpen: G,
     width: h,
     arrowButtons: g,
     startOpen: M,
-    onOpened: pe,
-    onClosed: ue,
-    dataTestId: he
-  } = n ? r(r({}, Z), n) : r({}, Z), {
-    titleText: ge,
-    content: fe,
-    flavour: vt,
-    open: rt,
-    onChangeOpen: Ct,
-    width: at,
+    onOpened: ct,
+    onClosed: pt,
+    dataTestId: ut
+  } = n ? r(r({}, K), n) : r({}, K), {
+    titleText: ht,
+    content: gt,
+    flavour: ve,
+    open: ie,
+    onChangeOpen: xe,
+    width: re,
     arrowButtons: j,
     startOpen: Q,
-    onOpened: me,
-    onClosed: xe,
-    dataTestId: ve
-  } = i ? r(r({}, Z), i) : r({}, Z);
-  ot(() => {
-    M !== ut && (m(M), b(M));
-  }, [M]), ot(() => {
-    Q !== ht && (I(Q), H(Q));
+    onOpened: ft,
+    onClosed: mt,
+    dataTestId: vt
+  } = i ? r(r({}, K), i) : r({}, K);
+  te(() => {
+    M !== pe && (m(M), b(M));
+  }, [M]), te(() => {
+    Q !== ue && (I(Q), H(Q));
   }, [Q]);
-  const st = z === void 0 ? C : z, lt = rt === void 0 ? T : rt, wt = (F) => {
-    z === void 0 && (m(F), a && W && (F ? (I(!1), H(T)) : I(O))), U && U(F);
-  }, bt = (F) => {
-    rt === void 0 && (I(F), a && R && (F ? (m(!1), b(C)) : m(S))), Ct && Ct(F);
+  const ae = z === void 0 ? C : z, se = ie === void 0 ? T : ie, Ce = (N) => {
+    z === void 0 && (m(N), a && W && (N ? (I(!1), H(T)) : I(O))), G && G(N);
+  }, we = (N) => {
+    ie === void 0 && (I(N), a && R && (N ? (m(!1), b(C)) : m(S))), xe && xe(N);
   };
-  return /* @__PURE__ */ c(v, { children: [
+  return /* @__PURE__ */ c(x, { children: [
     R && /* @__PURE__ */ o(
-      Nt,
+      Ee,
       {
-        "data-testid": he,
+        "data-testid": ut,
         anchor: "left",
-        open: st,
-        onClose: () => wt(!1),
+        open: ae,
+        onClose: () => Ce(!1),
         width: h,
         titleText: D,
         debugOpacity: l,
         showCloseArrow: g === "both" || g === "close",
-        onOpened: pe,
-        onClosed: ue,
+        onOpened: ct,
+        onClosed: pt,
         navBarOpen: d,
-        navBarWidthOpen: x,
+        navBarWidthOpen: v,
         navBarWidthClosed: f,
         children: X
       }
     ),
     W && /* @__PURE__ */ o(
-      Nt,
+      Ee,
       {
-        "data-testid": ve,
+        "data-testid": vt,
         anchor: "right",
-        open: lt,
-        onClose: () => bt(!1),
-        width: at,
-        titleText: ge,
+        open: se,
+        onClose: () => we(!1),
+        width: re,
+        titleText: ht,
         debugOpacity: l,
         showCloseArrow: j === "both" || j === "close",
-        onOpened: me,
-        onClosed: xe,
+        onOpened: ft,
+        onClosed: mt,
         navBarOpen: d,
-        navBarWidthOpen: x,
+        navBarWidthOpen: v,
         navBarWidthClosed: f,
-        children: fe
+        children: gt
       }
     ),
     /* @__PURE__ */ o(
-      Ze,
+      en,
       r(r({
-        titleText: e,
+        titleText: t,
         "data-testid": s
       }, R && q === "push" ? {
         leftPanel: {
-          open: st,
+          open: ae,
           width: h,
-          onOpen: () => wt(!0),
+          onOpen: () => Ce(!0),
           showOpenArrow: g === "both" || g === "open"
         }
-      } : {}), W && vt === "push" ? {
+      } : {}), W && ve === "push" ? {
         rightPanel: {
-          open: lt,
-          width: at,
-          onOpen: () => bt(!0),
+          open: se,
+          width: re,
+          onOpen: () => we(!0),
           showOpenArrow: j === "both" || j === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      nn,
+      on,
       w(r(r({}, q === "push" ? {
         leftPanel: {
-          open: st,
+          open: ae,
           width: h
         }
-      } : {}), vt === "push" ? {
+      } : {}), ve === "push" ? {
         rightPanel: {
-          open: lt,
-          width: at
+          open: se,
+          width: re
         }
       } : {}), {
-        children: /* @__PURE__ */ o(on, w(r({ "data-testid": u }, p), { children: t }))
+        children: /* @__PURE__ */ o(rn, w(r({ "data-testid": u }, p), { children: e }))
       })
     )
   ] });
 }
-const tt = "Navbar", G = {
-  root: `${tt}-root`,
-  menuButton: `${tt}-menuButton`,
-  hide: `${tt}-hide`,
-  content: `${tt}-content`
+function an({ links: e }) {
+  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
+}
+const Z = "Navbar", U = {
+  root: `${Z}-root`,
+  menuButton: `${Z}-menuButton`,
+  hide: `${Z}-hide`,
+  content: `${Z}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, rn = N(v, { name: "NavBar" })(({ theme: t }) => ({
-  [`&.${G.root}`]: {
+}, sn = $(x, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${U.root}`]: {
     display: "flex"
   },
-  [`& .${G.menuButton}`]: {
+  [`& .${U.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${G.hide}`]: {
+  [`& .${U.hide}`]: {
     display: "none"
   },
-  [`& .${G.content}`]: {
+  [`& .${U.content}`]: {
     flexGrow: 1,
-    padding: t.spacing(3)
+    padding: e.spacing(3)
   }
   // [`& .${classes.userInfoHolder}`]: {
   //   height: '148px',
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), ne = (t, e) => {
+})), ne = (e, t, n) => e.transitions.create(t, {
+  easing: e.transitions.easing.sharp,
+  duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
+}), tt = (e, t) => {
   var n, i;
   return {
-    height: `calc(100vh - ${e}px)`,
-    top: e,
+    height: `calc(100vh - ${t}px)`,
+    top: t,
     overflowX: "hidden",
     overflowY: "hidden",
     color: "inherit",
-    backgroundColor: (i = (n = t == null ? void 0 : t.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
+    backgroundColor: (i = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Et = (t, e, n) => r({
-  width: e,
-  transition: t.transitions.create("width", {
-    easing: t.transitions.easing.sharp,
-    duration: t.transitions.duration.enteringScreen
-  })
-}, ne(t, n)), Ft = (t, e, n) => r({
-  width: e,
-  transition: t.transitions.create("width", {
-    easing: t.transitions.easing.sharp,
-    duration: t.transitions.duration.leavingScreen
-  }),
+}, Ne = (e, t, n) => r({
+  width: t,
+  transition: ne(e, "width", "entering")
+}, tt(e, n)), Fe = (e, t, n) => r({
+  width: t,
+  transition: ne(e, "width", "leaving"),
   overflowX: "hidden"
-}, ne(t, n)), an = N(gt, {
-  shouldForwardProp: (t) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(t)
-})(({ theme: t, open: e, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
+}, tt(e, n)), ln = $(he, {
+  shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, e && w(r({}, Et(t, n, a)), {
-  "& .MuiDrawer-paper": Et(t, n, a)
-})), !e && w(r({}, Ft(t, i, a)), {
-  "& .MuiDrawer-paper": Ft(t, i, a)
+}, t && w(r({}, Ne(e, n, a)), {
+  "& .MuiDrawer-paper": Ne(e, n, a)
+})), !t && w(r({}, Fe(e, i, a)), {
+  "& .MuiDrawer-paper": Fe(e, i, a)
 })));
-function sn({ links: t }) {
-  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
-}
-function Pt(t) {
-  let e = 0;
-  for (let n = 0, i = t.length; n < i; n++) {
-    const a = t.charCodeAt(n);
-    e = (e << 5) - e + a, e |= 0;
+function dn(e) {
+  let t = 0;
+  for (let n = 0, i = e.length; n < i; n++) {
+    const a = e.charCodeAt(n);
+    t = (t << 5) - t + a, t |= 0;
   }
-  return e;
+  return t;
 }
-const et = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Lt = (t) => t.split(/\s/).map((e) => e.substring(0, 1).toUpperCase()).filter((e) => !!e).slice(0, 2).join("").toUpperCase();
-function ln({
-  user: t,
-  domainCode: e,
-  open: n,
-  navBarWidthClosed: i,
-  navBarWidthOpen: a
-}) {
-  return /* @__PURE__ */ o(v, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
-    v,
+const Pe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], cn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function pn({ user: e, domainCode: t, open: n }) {
+  const i = At();
+  return /* @__PURE__ */ c(
+    x,
     {
       sx: {
+        paddingTop: 3,
         display: "flex",
         alignItems: "center",
-        flexDirection: "column"
+        flexDirection: "column",
+        gap: "8px"
       },
-      children: n ? /* @__PURE__ */ c(k, { children: [
+      children: [
         /* @__PURE__ */ o(
-          v,
+          x,
           {
             sx: {
-              width: `${a * 0.33}px`,
-              aspectRatio: 1,
-              marginBottom: 1
+              width: n ? "5rem" : "2rem",
+              transition: n ? ne(i, ["width", "height"], "entering") : ne(i, ["width", "height"], "leaving"),
+              aspectRatio: 1
             },
-            children: t != null && t.name ? /* @__PURE__ */ o(
-              K,
+            children: e != null && e.name ? /* @__PURE__ */ o(
+              Ie,
               {
-                src: t == null ? void 0 : t.picture,
+                src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: et[Math.abs(Pt(t.name)) % et.length]
+                  bgcolor: Pe[Math.abs(dn(e.name)) % Pe.length]
                 },
-                children: Lt(t.name)
+                children: cn(e.name)
               }
-            ) : /* @__PURE__ */ o(K, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Ie, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        t != null && t.name ? /* @__PURE__ */ o($, { children: t.name }) : /* @__PURE__ */ o(Ot, { animation: !1, width: "50%" }),
-        e ? /* @__PURE__ */ o($, { children: e.toUpperCase() }) : /* @__PURE__ */ o(Ot, { animation: !1, width: "25%" })
-      ] }) : /* @__PURE__ */ o(v, { sx: { width: `${i * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: t != null && t.name ? /* @__PURE__ */ o(
-        K,
-        {
-          src: t == null ? void 0 : t.picture,
-          sx: {
-            width: "100%",
-            height: "100%",
-            bgcolor: et[Math.abs(Pt(t.name)) % et.length]
-          },
-          children: Lt(t.name)
-        }
-      ) : /* @__PURE__ */ o(K, { sx: { width: "100%", height: "100%" } }) })
+        /* @__PURE__ */ o(
+          St,
+          {
+            sx: { width: "100%" },
+            easing: i.transitions.easing.sharp,
+            timeout: {
+              enter: i.transitions.duration.enteringScreen,
+              exit: i.transitions.duration.leavingScreen - 37
+            },
+            in: n,
+            unmountOnExit: !0,
+            children: /* @__PURE__ */ c(x, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+              e != null && e.name ? /* @__PURE__ */ o(B, { children: e.name }) : /* @__PURE__ */ o(Oe, { animation: !1, width: "50%" }),
+              t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Oe, { animation: !1, width: "25%" })
+            ] })
+          }
+        )
+      ]
     }
-  ) });
+  );
 }
-function dn({
-  open: t,
-  offsetTop: e = 0,
+function un({
+  open: e,
+  offsetTop: t = 0,
   widthOpen: n,
   widthClosed: i,
   "data-testid": a,
@@ -821,72 +819,63 @@ function dn({
   user: s,
   domainCode: d
 }) {
-  return /* @__PURE__ */ o(rn, { className: G.root, "data-testid": a, children: /* @__PURE__ */ c(
-    an,
+  return /* @__PURE__ */ o(sn, { className: U.root, "data-testid": a, children: /* @__PURE__ */ c(
+    ln,
     {
       variant: "permanent",
       anchor: "left",
-      open: t,
+      open: e,
       widthOpen: n,
       widthClosed: i,
-      offsetTop: e,
+      offsetTop: t,
       PaperProps: {
         component: "nav"
       },
       children: [
-        l && /* @__PURE__ */ c(v, { sx: { flex: "0 0 auto" }, children: [
+        l && /* @__PURE__ */ c(x, { flexGrow: "0", children: [
           l,
-          /* @__PURE__ */ o(Dt, { variant: "middle" })
+          /* @__PURE__ */ o(De, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(v, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(sn, { links: p }) : p }),
-        /* @__PURE__ */ c(v, { sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ o(Dt, { variant: "middle" }),
-          /* @__PURE__ */ o(
-            ln,
-            {
-              user: s,
-              domainCode: d,
-              open: t,
-              navBarWidthClosed: i,
-              navBarWidthOpen: n
-            }
-          ),
-          u && /* @__PURE__ */ o(k, { children: u })
+        /* @__PURE__ */ o(x, { flexGrow: "1", children: Array.isArray(p) ? /* @__PURE__ */ o(an, { links: p }) : p }),
+        /* @__PURE__ */ c(x, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(De, { variant: "middle" }),
+          /* @__PURE__ */ o(pn, { user: s, domainCode: d, open: e }),
+          u && /* @__PURE__ */ o(y, { children: u })
         ] })
       ]
     }
   ) });
 }
-function cn({ children: t, topBarHeight: e }) {
+function hn({ children: e, topBarHeight: t }) {
   return /* @__PURE__ */ o(
-    v,
+    x,
     {
       sx: {
         overflow: "auto",
-        height: `calc(100vh - ${e}px)`,
+        height: `calc(100vh - ${t}px)`,
         scrollbarGutter: "stable",
         // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Gt,
+        Ge,
         {
           component: "main",
           id: "main-content",
           sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 },
-          children: t
+          children: e
         }
       )
     }
   );
 }
-const pn = 64, un = 64, hn = 256, xt = E(!0), oe = E(hn), ie = E(un), re = E(""), ae = E(pn), se = E(void 0), gn = "TopBar", fn = {
-  titleText: `${gn}-titleText`
+const gn = 64, fn = 64, mn = 256, me = E(!0), nt = E(mn), ot = E(fn), it = E(""), rt = E(gn), at = E(void 0), vn = "TopBar", xn = {
+  titleText: `${vn}-titleText`
 };
-function mn({ titleText: t = "", height: e, "data-testid": n }) {
-  const i = Me(xt);
+function Cn({ titleText: e = "", height: t, "data-testid": n }) {
+  const i = _t(me);
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
-    Ut,
+    ze,
     {
       square: !0,
       elevation: 0,
@@ -899,18 +888,18 @@ function mn({ titleText: t = "", height: e, "data-testid": n }) {
         alignItems: "center",
         gap: 2,
         flexShrink: 0,
-        height: e
+        height: t
       },
       children: [
-        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => i((l) => !l), children: /* @__PURE__ */ o(ye, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o($, { className: fn.titleText, variant: "h6", children: t })
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => i((l) => !l), children: /* @__PURE__ */ o(Mt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(B, { className: xn.titleText, variant: "h6", children: e })
       ]
     }
   ) });
 }
-function to({
-  children: t,
-  initialTitleText: e,
+function oo({
+  children: e,
+  initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: i,
   pageContentDataTestId: a,
@@ -919,26 +908,26 @@ function to({
   navBarMiddle: u,
   navBarBottom: s,
   user: d,
-  domainCode: x
+  domainCode: v
 }) {
-  const [f, C] = L(xt), [m] = L(oe), [T] = L(ie), [I, S] = L(re), [b] = L(ae), [O] = L(se);
-  return ot(() => {
-    e !== void 0 && S(e);
-  }, [e, S]), ot(() => {
+  const [f, C] = P(me), [m] = P(nt), [T] = P(ot), [I, S] = P(it), [b] = P(rt), [O] = P(at);
+  return te(() => {
+    t !== void 0 && S(t);
+  }, [t, S]), te(() => {
     n !== void 0 && C(n);
-  }, [n, C]), /* @__PURE__ */ c(v, { children: [
-    /* @__PURE__ */ o(Se, {}),
-    /* @__PURE__ */ o(mn, { titleText: I, "data-testid": l, height: b }),
-    /* @__PURE__ */ c(v, { sx: { display: "flex" }, children: [
+  }, [n, C]), /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ o(Tt, {}),
+    /* @__PURE__ */ o(Cn, { titleText: I, "data-testid": l, height: b }),
+    /* @__PURE__ */ c(x, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        dn,
+        un,
         {
           open: f,
           top: O,
           middle: u,
           bottom: s,
           user: d,
-          domainCode: x,
+          domainCode: v,
           widthOpen: m,
           widthClosed: T,
           offsetTop: b,
@@ -946,59 +935,59 @@ function to({
         }
       ),
       /* @__PURE__ */ o(
-        cn,
+        hn,
         w(r({
           "data-testid": a,
           topBarHeight: b
         }, i), {
-          children: t
+          children: e
         })
       )
     ] })
   ] });
 }
-const xn = {
+const wn = {
   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
-}, vn = {
-  shouldClose: (t, e) => e !== "clickaway"
-}, yt = {
+}, bn = {
+  shouldClose: (e, t) => t !== "clickaway"
+}, Le = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Mt = 100, _t = 2e3, Cn = 2e3, wn = (() => {
-  let t = 0;
-  return () => (t += 1, t);
-})(), bn = {
+}, ye = 100, Me = 2e3, An = 2e3, Sn = (() => {
+  let e = 0;
+  return () => (e += 1, e);
+})(), Tn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, An = {}, Sn = {}, le = Wt(null);
-function Tn(l) {
+}, In = {}, On = {}, st = Re(null);
+function Dn(l) {
   var p = l, {
-    overrideState: t = An,
-    overrideActions: e = Sn,
-    shouldClose: n = vn.shouldClose,
+    overrideState: e = In,
+    overrideActions: t = On,
+    shouldClose: n = bn.shouldClose,
     children: i
-  } = p, a = Tt(p, [
+  } = p, a = Se(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var U;
-  const [{ open: u }, s] = B({ open: !1 }), d = ct([]), x = ct(Date.now()), f = ct(0), C = nt((h) => {
+  var G;
+  const [{ open: u }, s] = k({ open: !1 }), d = de([]), v = de(Date.now()), f = de(0), C = ee((h) => {
     s({ open: h });
-  }, []), m = nt((h = {}) => {
-    f.current += 1, d.current.length >= Mt && Date.now() - x.current >= _t && (x.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Mt}) hit ${f.current} times in last ${_t}ms)`
+  }, []), m = ee((h = {}) => {
+    f.current += 1, d.current.length >= ye && Date.now() - v.current >= Me && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${f.current} times in last ${Me}ms)`
     ), f.current = 0);
-    const g = r(w(r({}, yt), {
-      key: wn()
+    const g = r(w(r({}, Le), {
+      key: Sn()
     }), h);
     return d.current.push(g), d.current.length === 1 && s({ open: !0 }), g.key;
   }, []), T = (h = "", g = {}) => m(r({ message: h, severity: "success" }, g)), I = (h = "", g = {}) => m(r({ message: h, severity: "info" }, g)), S = (h = "", g = {}) => m(r({ message: h, severity: "warning" }, g)), b = (h = "", g = {}) => m(r({ message: h, severity: "error" }, g)), O = (h) => {
@@ -1010,9 +999,9 @@ function Tn(l) {
   }, R = () => {
   }, W = () => {
     d.current.shift(), d.current.length > 0 && s({ open: !0 });
-  }, D = (U = d.current[0]) != null ? U : r({}, yt), X = {};
+  }, D = (G = d.current[0]) != null ? G : r({}, Le), X = {};
   "autoHideDuration" in D && (X.autoHideDuration = D.autoHideDuration);
-  const q = r(r({}, xn), a), z = r(r({
+  const q = r(r({}, wn), a), z = r(r({
     open: u,
     setOpen: C,
     enqueueNotification: m,
@@ -1021,11 +1010,11 @@ function Tn(l) {
     enqueueWarningNotification: S,
     enqueueErrorNotification: b,
     removeNotification: O
-  }, t), e);
-  return /* @__PURE__ */ c(le.Provider, { value: z, children: [
+  }, e), t);
+  return /* @__PURE__ */ c(st.Provider, { value: z, children: [
     i,
     /* @__PURE__ */ o(
-      Te,
+      It,
       w(r(r({}, q), X), {
         open: u,
         onClose: H,
@@ -1033,46 +1022,46 @@ function Tn(l) {
           onExited: W,
           onExit: R
         },
-        sx: { zIndex: Cn },
+        sx: { zIndex: An },
         children: /* @__PURE__ */ c("div", { children: [
           /* @__PURE__ */ o(
-            Ie,
+            Ot,
             {
               onClose: (h) => H(h, "closeAlert"),
               severity: D.severity,
               variant: "filled",
-              icon: D.progressIndicator === "circular" ? /* @__PURE__ */ o(Vt, { size: "1em" }) : void 0,
-              style: D.progressIndicator === "linear" ? bn : void 0,
+              icon: D.progressIndicator === "circular" ? /* @__PURE__ */ o(Ue, { size: "1em" }) : void 0,
+              style: D.progressIndicator === "linear" ? Tn : void 0,
               children: D.message
             }
           ),
-          D.progressIndicator === "linear" && /* @__PURE__ */ o(Oe, { color: "primary" })
+          D.progressIndicator === "linear" && /* @__PURE__ */ o(Dt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function In() {
-  const t = zt(le);
-  if (t === null)
-    throw new mt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
-  return t;
+function kn() {
+  const e = We(st);
+  if (e === null)
+    throw new fe("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+  return e;
 }
-const eo = it(
-  (t = { autoHideDuration: 1 }, e = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Tn, w(r({}, t), { overrideState: e, overrideActions: n, children: i }))
-), On = _e(), no = ({
-  children: t,
-  store: e
-}) => /* @__PURE__ */ o(Yt, { store: e != null ? e : On, children: t }), de = "domainCode";
-var Rt;
-const Ht = E(
-  JSON.parse((Rt = localStorage.getItem(de)) != null ? Rt : '{"domainCode": ""}').domainCode
-), ce = E(
-  (t) => t(Ht),
-  (t, e, n) => {
-    e(Ht, n), localStorage.setItem(de, JSON.stringify({ domainCode: n }));
+const io = oe(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Dn, w(r({}, e), { overrideState: t, overrideActions: n, children: i }))
+), Bn = Ht(), ro = ({
+  children: e,
+  store: t
+}) => /* @__PURE__ */ o(Qe, { store: t != null ? t : Bn, children: e }), lt = "domainCode";
+var He;
+const _e = E(
+  JSON.parse((He = localStorage.getItem(lt)) != null ? He : '{"domainCode": ""}').domainCode
+), dt = E(
+  (e) => e(_e),
+  (e, t, n) => {
+    t(_e, n), localStorage.setItem(lt, JSON.stringify({ domainCode: n }));
   }
-), Dn = {
+), $n = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1084,27 +1073,27 @@ const Ht = E(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Bn = (t) => {
-  var e;
-  return t === null ? "N/A" : (e = Dn[t]) != null ? e : "";
-}, oo = ({
-  isLoading: t,
-  isOpen: e,
+}, En = (e) => {
+  var t;
+  return e === null ? "N/A" : (t = $n[e]) != null ? t : "";
+}, ao = ({
+  isLoading: e,
+  isOpen: t,
   onClose: n,
   domainOptions: i,
   applicationName: a,
   handleLogout: l
 }) => {
-  const [p, u] = L(ce), [s, d] = B(p), { enqueueSuccessNotification: x } = In(), f = i.length === 0, C = !!p && !i.includes(p) && !i.includes(s), m = !p || f || C, T = () => J(void 0, null, function* () {
-    s ? (u(s), x(`Set domain to ${s}`), n()) : u("");
+  const [p, u] = P(dt), [s, d] = k(p), { enqueueSuccessNotification: v } = kn(), f = i.length === 0, C = !!p && !i.includes(p) && !i.includes(s), m = !p || f || C, T = () => J(void 0, null, function* () {
+    s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
   }), I = () => J(void 0, null, function* () {
     p && !f && !C ? (d(p), n()) : m && l();
   });
   let S;
   return f ? S = "Unable to retrieve your active organisations. Try logging in again." : C && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
-    Qe,
+    Yt,
     {
-      isOpen: e,
+      isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
@@ -1119,29 +1108,29 @@ const Ht = E(
       onClose: m ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ c($, { marginBottom: 2, children: [
+        /* @__PURE__ */ c(B, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
         ] }),
         /* @__PURE__ */ o(
-          De,
+          kt,
           {
-            loading: t,
+            loading: e,
             multiple: !1,
             disableClearable: !1,
             value: s !== "" ? s : null,
             onChange: (b, O) => d(O != null ? O : ""),
-            getOptionLabel: Bn,
+            getOptionLabel: En,
             options: [...i],
             renderInput: (b) => /* @__PURE__ */ o(
-              Be,
+              Bt,
               w(r({}, b), {
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: w(r({}, b.InputProps), {
-                  endAdornment: /* @__PURE__ */ c(k, { children: [
-                    t ? /* @__PURE__ */ o(Vt, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                  endAdornment: /* @__PURE__ */ c(y, { children: [
+                    e ? /* @__PURE__ */ o(Ue, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     b.InputProps.endAdornment
                   ] })
                 })
@@ -1149,11 +1138,11 @@ const Ht = E(
             )
           }
         ),
-        S && /* @__PURE__ */ o($e, { error: !0, children: S })
+        S && /* @__PURE__ */ o($t, { error: !0, children: S })
       ]
     }
   );
-}, io = Xt({
+}, so = Ve({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1204,7 +1193,7 @@ const Ht = E(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), ro = Xt({
+}), lo = Ve({
   palette: {
     primary: {
       main: "#007236",
@@ -1256,22 +1245,22 @@ const Ht = E(
     MuiMenuItem: {
       // Setting defaultProps for color on MenuItem does not work, so update manually
       styleOverrides: {
-        root: ({ theme: t }) => ({
+        root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: pt(
-              t.palette.secondary.main,
-              t.palette.action.selectedOpacity
+            backgroundColor: ce(
+              e.palette.secondary.main,
+              e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: pt(
-                t.palette.secondary.main,
-                t.palette.action.selectedOpacity
+              backgroundColor: ce(
+                e.palette.secondary.main,
+                e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: pt(
-                t.palette.secondary.main,
-                t.palette.action.focusOpacity
+              backgroundColor: ce(
+                e.palette.secondary.main,
+                e.palette.action.focusOpacity
               )
             }
           }
@@ -1295,65 +1284,65 @@ const Ht = E(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), $n = {
-  domainCode: ce,
-  navBarOpen: xt,
-  navBarWidthOpen: oe,
-  navBarWidthClosed: ie,
-  titleText: re,
-  topBarHeight: ae,
-  navBarTop: se
-}, ao = it(() => ({ children: t }) => /* @__PURE__ */ o(Yt, { children: t })), kn = ({
-  initialValues: t,
-  children: e
-}) => (He(t), /* @__PURE__ */ o(k, { children: e })), so = it(
-  (t) => ({ children: e }) => /* @__PURE__ */ o(
-    kn,
+}), Nn = {
+  domainCode: dt,
+  navBarOpen: me,
+  navBarWidthOpen: nt,
+  navBarWidthClosed: ot,
+  titleText: it,
+  topBarHeight: rt,
+  navBarTop: at
+}, co = oe(() => ({ children: e }) => /* @__PURE__ */ o(Qe, { children: e })), Fn = ({
+  initialValues: e,
+  children: t
+}) => (Rt(e), /* @__PURE__ */ o(y, { children: t })), po = oe(
+  (e) => ({ children: t }) => /* @__PURE__ */ o(
+    Fn,
     {
-      initialValues: Object.entries(t).map(
+      initialValues: Object.entries(e).map(
         ([n, i]) => [
-          $n[n],
+          Nn[n],
           i
         ]
       ),
-      children: e
+      children: t
     }
   )
 );
 export {
-  Qe as AgDialog,
-  to as AppLayout,
-  no as AtomProvider,
-  le as Context,
-  mt as ContextError,
-  oo as DomainCodeDialog,
-  jn as ExampleComponent,
-  kn as HydrateAtoms,
-  Kt as NAVBAR_WIDTH_CLOSED,
-  Jt as NAVBAR_WIDTH_OPENED,
-  Kn as NavBar,
-  Yn as NavBarDarkStyledList,
-  Jn as NavBarLightStyledList,
-  Xe as NavBarProvider,
-  Zn as PageLayout,
-  Tn as SaladBarProvider,
-  On as atomStore,
-  je as buildNavBarState,
-  ce as domainCodeAtom,
-  io as fed21Theme,
-  ro as internalAgSystemsTheme,
+  Yt as AgDialog,
+  oo as AppLayout,
+  ro as AtomProvider,
+  st as Context,
+  fe as ContextError,
+  ao as DomainCodeDialog,
+  Jn as ExampleComponent,
+  Fn as HydrateAtoms,
+  Je as NAVBAR_WIDTH_CLOSED,
+  Ye as NAVBAR_WIDTH_OPENED,
+  to as NavBar,
+  Zn as NavBarDarkStyledList,
+  eo as NavBarLightStyledList,
+  qt as NavBarProvider,
+  no as PageLayout,
+  Dn as SaladBarProvider,
+  Bn as atomStore,
+  Qt as buildNavBarState,
+  dt as domainCodeAtom,
+  so as fed21Theme,
+  lo as internalAgSystemsTheme,
   _ as navBarClasses,
-  xt as navBarOpenAtom,
-  se as navBarTopAtom,
-  ie as navBarWidthClosedAtom,
-  oe as navBarWidthOpenAtom,
-  re as titleTextAtom,
-  ae as topBarHeightAtom,
-  qe as useNavBar,
-  In as useSaladBar,
-  ao as withAtomProvider,
-  Qn as withNavBarProvider,
-  so as withOverrideDefaults,
-  eo as withSaladBarProvider
+  me as navBarOpenAtom,
+  at as navBarTopAtom,
+  ot as navBarWidthClosedAtom,
+  nt as navBarWidthOpenAtom,
+  it as titleTextAtom,
+  rt as topBarHeightAtom,
+  jt as useNavBar,
+  kn as useSaladBar,
+  co as withAtomProvider,
+  Kn as withNavBarProvider,
+  po as withOverrideDefaults,
+  io as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map