@australiangreens/ag-internal-components 0.0.47 → 0.0.51

package/dist/esm/index.js

@@ -1,110 +1,116 @@
-var It = Object.defineProperty, Ot = Object.defineProperties;
-var Tt = Object.getOwnPropertyDescriptors;
-var Z = Object.getOwnPropertySymbols;
-var Te = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
-var ue = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
-  for (var n in t || (t = {}))
-    Te.call(t, n) && ue(e, n, t[n]);
-  if (Z)
-    for (var n of Z(t))
-      De.call(t, n) && ue(e, n, t[n]);
-  return e;
-}, v = (e, t) => Ot(e, Tt(t));
-var Be = (e, t) => {
+var he = Object.defineProperty, ge = Object.defineProperties;
+var fe = Object.getOwnPropertyDescriptors;
+var J = Object.getOwnPropertySymbols;
+var Ct = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
+var ct = (t, e, n) => e in t ? he(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, i = (t, e) => {
+  for (var n in e || (e = {}))
+    Ct.call(e, n) && ct(t, n, e[n]);
+  if (J)
+    for (var n of J(e))
+      wt.call(e, n) && ct(t, n, e[n]);
+  return t;
+}, C = (t, e) => ge(t, fe(e));
+var At = (t, e) => {
   var n = {};
-  for (var i in e)
-    Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && Z)
-    for (var i of Z(e))
-      t.indexOf(i) < 0 && De.call(e, i) && (n[i] = e[i]);
+  for (var r in t)
+    Ct.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && J)
+    for (var r of J(t))
+      e.indexOf(r) < 0 && wt.call(t, r) && (n[r] = t[r]);
   return n;
 };
-var $e = (e, t, n) => (ue(e, typeof t != "symbol" ? t + "" : t, n), n);
-var ee = (e, t, n) => new Promise((i, a) => {
+var bt = (t, e, n) => (ct(t, typeof e != "symbol" ? e + "" : e, n), n);
+var K = (t, e, n) => new Promise((r, a) => {
   var l = (s) => {
     try {
       u(n.next(s));
-    } catch (c) {
-      a(c);
+    } catch (d) {
+      a(d);
     }
   }, p = (s) => {
     try {
       u(n.throw(s));
-    } catch (c) {
-      a(c);
+    } catch (d) {
+      a(d);
     }
-  }, u = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(l, p);
-  u((n = n.apply(e, t)).next());
+  }, u = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(l, p);
+  u((n = n.apply(t, e)).next());
 });
-import { jsxs as d, Fragment as P, jsx as o } from "react/jsx-runtime";
-import { useState as T, createContext as qe, useCallback as re, useContext as je, useEffect as ae, useRef as he } from "react";
-import { Typography as B, Button as Dt, Paper as Qe, styled as j, Box as w, IconButton as q, Drawer as Bt, Container as Ye, Avatar as te, Skeleton as ke, List as Ee, ListItemButton as M, ListItemIcon as ge, ListItemText as _, Collapse as $t, Divider as Ne, CssBaseline as kt, Snackbar as Et, Alert as Nt, CircularProgress as Je, LinearProgress as Lt, Autocomplete as Ft, TextField as Pt, FormHelperText as yt } from "@mui/material";
-import Mt from "@mui/material/CssBaseline";
-import { styled as R, createTheme as Ke, alpha as fe } from "@mui/material/styles";
-import Ze from "@mui/material/Drawer";
-import { AgError as _t } from "@australiangreens/ag-error";
-import { createHelper as se } from "souvlaki";
-import et from "@mui/material/List";
-import Le from "@mui/material/Button";
-import Ht from "@mui/material/Dialog";
-import Rt from "@mui/material/DialogActions";
-import Wt from "@mui/material/DialogContent";
-import zt from "@mui/material/DialogTitle";
-import { ArrowForward as tt, ArrowBack as nt, Dashboard as Ut, ExpandLess as Gt, ExpandMore as Vt, Settings as Xt, Logout as qt, ViewHeadline as jt } from "@mui/icons-material";
-import { useAtomValue as Fe, atom as $, useSetAtom as Qt, useAtom as L, getDefaultStore as Yt, Provider as ot } from "jotai";
-import { useHydrateAtoms as Jt } from "jotai/utils";
-function lo({ text: e }) {
-  const [t, n] = T(0);
-  return /* @__PURE__ */ d(P, { 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" }) }),
+import { jsxs as c, Fragment as k, jsx as o } from "react/jsx-runtime";
+import { useState as D, createContext as _t, useCallback as ot, useContext as Ht, useEffect as rt, useRef as pt } from "react";
+import { Typography as I, Button as me, Paper as Rt, styled as X, Box as A, IconButton as V, Drawer as ve, Container as Wt, Avatar as Z, Skeleton as St, Divider as Tt, CssBaseline as xe, Snackbar as Ce, Alert as we, CircularProgress as zt, LinearProgress as Ae, Autocomplete as be, TextField as Se, FormHelperText as Te } from "@mui/material";
+import Be from "@mui/material/CssBaseline";
+import { styled as _, createTheme as Ut, alpha as ut } from "@mui/material/styles";
+import Gt from "@mui/material/Drawer";
+import { ContextError as Vt } from "errors";
+import { createHelper as it } from "souvlaki";
+import Xt from "@mui/material/List";
+import Bt from "@mui/material/Button";
+import Oe from "@mui/material/Dialog";
+import $e from "@mui/material/DialogActions";
+import De from "@mui/material/DialogContent";
+import Ie from "@mui/material/DialogTitle";
+import { ArrowForward as qt, ArrowBack as jt, ViewHeadline as ke } from "@mui/icons-material";
+import { atom as E, useSetAtom as Ee, useAtom as P, getDefaultStore as Ne, Provider as Qt } from "jotai";
+import { simpleHashCode as Ot } from "utils";
+import { AgError as Fe } from "@australiangreens/ag-error";
+import { useSaladBar as Pe } from "providers";
+import { AgDialog as Le } from "components";
+import { useHydrateAtoms as ye } from "jotai/utils";
+import { domainCodeAtom as Me } from "domainCode";
+import { navBarOpenAtom as _e, navBarWidthOpenAtom as He, navBarWidthClosedAtom as Re, titleTextAtom as We, topBarHeightAtom as ze, navBarTopAtom as Ue } from "layouts";
+function po({ text: t }) {
+  const [e, n] = D(0);
+  return /* @__PURE__ */ c(k, { children: [
+    /* @__PURE__ */ o(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(I, { 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(
-      Dt,
+      me,
       {
         variant: "outlined",
-        onClick: () => n((i) => i + 1),
+        onClick: () => n((r) => r + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ d("p", { children: [
+    /* @__PURE__ */ c("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ o("span", { children: e })
+      /* @__PURE__ */ o("span", { children: t })
     ] }),
-    /* @__PURE__ */ d(Qe, { children: [
+    /* @__PURE__ */ c(Rt, { children: [
       "This number will incremember when button pressed: ",
-      t
+      e
     ] })
   ] });
 }
-const it = 330, rt = 73, N = "Navbar", H = {
-  root: `${N}-root`,
-  menuButton: `${N}-menuButton`,
-  hide: `${N}-hide`,
-  content: `${N}-content`,
-  userInfoHolder: `${N}-userInfoHolder`,
-  settings: `${N}-settings`,
-  pieChartIcon: `${N}-pieChartIcon`
-}, Kt = R("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${H.root}`]: {
+const Yt = 330, Jt = 73, F = "Navbar", M = {
+  root: `${F}-root`,
+  menuButton: `${F}-menuButton`,
+  hide: `${F}-hide`,
+  content: `${F}-content`,
+  userInfoHolder: `${F}-userInfoHolder`,
+  settings: `${F}-settings`,
+  pieChartIcon: `${F}-pieChartIcon`
+}, Ge = _("div", { name: "NavBar" })(({ theme: t }) => ({
+  [`&.${M.root}`]: {
     display: "flex"
   },
-  [`& .${H.menuButton}`]: {
+  [`& .${M.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${H.hide}`]: {
+  [`& .${M.hide}`]: {
     display: "none"
   },
-  [`& .${H.content}`]: {
+  [`& .${M.content}`]: {
     flexGrow: 1,
-    padding: e.spacing(3)
+    padding: t.spacing(3)
   },
-  [`& .${H.userInfoHolder}`]: {
+  [`& .${M.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), at = () => ({
+})), Kt = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -112,51 +118,47 @@ const it = 330, rt = 73, N = "Navbar", H = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Zt = () => r({
-  width: it
-}, at()), en = () => r({
-  width: rt
-}, at()), tn = R(Ze, {
-  shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => r(r({
-  width: t ? it : rt,
+}), Ve = () => i({
+  width: Yt
+}, Kt()), Xe = () => i({
+  width: Jt
+}, Kt()), qe = _(Gt, {
+  shouldForwardProp: (t) => t !== "open"
+})(({ theme: t, open: e }) => i(i({
+  width: e ? Yt : Jt,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
-  zIndex: e.zIndex.drawer + 100
-}, t && {
-  "& .MuiDrawer-paper": Zt()
-}), !t && {
-  "& .MuiDrawer-paper": en()
-}));
-class ve extends _t {
-}
-$e(ve, "errorName", "ContextError");
-const st = qe(null), nn = {}, on = {}, rn = ({
-  overrideState: e = nn,
-  overrideActions: t = on,
+  zIndex: t.zIndex.drawer + 100
+}, e && {
+  "& .MuiDrawer-paper": Ve()
+}), !e && {
+  "& .MuiDrawer-paper": Xe()
+})), Zt = _t(null), je = {}, Qe = {}, Ye = ({
+  overrideState: t = je,
+  overrideActions: e = Qe,
   children: n
 }) => {
-  const [{ open: i }, a] = T({ open: !0 }), l = re((s) => {
+  const [{ open: r }, a] = D({ open: !0 }), l = ot((s) => {
     a({ open: s });
-  }, []), p = re(() => {
-    a((s) => v(r({}, s), { open: !s.open }));
-  }, []), u = r(r({
-    open: i,
+  }, []), p = ot(() => {
+    a((s) => C(i({}, s), { open: !s.open }));
+  }, []), u = i(i({
+    open: r,
     setOpen: l,
     toggleOpen: p
-  }, e), t);
-  return /* @__PURE__ */ o(st.Provider, { value: u, children: n });
-}, an = () => {
-  const e = je(st);
-  if (e === null)
-    throw new ve("Error: Tried to useNavBar outside of a <NavBarProvider>");
-  return e;
-}, sn = (e = {}) => r({
+  }, t), e);
+  return /* @__PURE__ */ o(Zt.Provider, { value: u, children: n });
+}, Je = () => {
+  const t = Ht(Zt);
+  if (t === null)
+    throw new Vt("Error: Tried to useNavBar outside of a <NavBarProvider>");
+  return t;
+}, Ke = (t = {}) => i({
   open: !0
-}, e), co = se(
-  (e = sn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(rn, { overrideState: e, overrideActions: t, children: n })
-), Pe = 7, po = R(et)(({ theme: e }) => ({
+}, t), uo = it(
+  (t = Ke(), e = {}) => ({ children: n }) => /* @__PURE__ */ o(Ye, { overrideState: t, overrideActions: e, children: n })
+), $t = 7, ho = _(Xt)(({ theme: t }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -165,36 +167,36 @@ const st = qe(null), nn = {}, on = {}, rn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Pe}px`
+      padding: `${$t}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
+      backgroundColor: t.palette.grey[700]
     },
     // Selected state
     "&.Mui-selected": {
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
-      borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Pe}px)`
+      borderLeftColor: t.palette.primary.main,
+      paddingLeft: `calc(${t.spacing(2)} - ${$t}px)`
     },
     // Hover state
     "&:hover": {
-      backgroundColor: e.palette.primary.dark
+      backgroundColor: t.palette.primary.dark
     },
     // Focus+Selected state
     "&.Mui-selected.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
+      backgroundColor: t.palette.grey[700]
     },
     // Hover+Selected state
     "&.Mui-selected:hover": {
-      backgroundColor: e.palette.primary.dark
+      backgroundColor: t.palette.primary.dark
     }
     // Focus+Hover+Selected state doesn't need to be specified
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), ye = 7, uo = R(et)(({ theme: e }) => ({
+})), Dt = 7, go = _(Xt)(({ theme: t }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -203,93 +205,93 @@ const st = qe(null), nn = {}, on = {}, rn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${ye}px`
+      padding: `${Dt}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
+      backgroundColor: t.palette.grey[700]
     },
     // Selected state
     "&.Mui-selected": {
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
-      borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${ye}px)`
+      borderLeftColor: t.palette.primary.main,
+      paddingLeft: `calc(${t.spacing(2)} - ${Dt}px)`
     },
     // Hover state
     "&:hover": {
-      backgroundColor: e.palette.primary.dark
+      backgroundColor: t.palette.primary.dark
     },
     // Focus+Selected state
     "&.Mui-selected.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
+      backgroundColor: t.palette.grey[700]
     },
     // Hover+Selected state
     "&.Mui-selected:hover": {
-      backgroundColor: e.palette.primary.dark
+      backgroundColor: t.palette.primary.dark
     }
     // Focus+Hover+Selected state doesn't need to be specified
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
 }));
-function ho({
-  "data-testid": e,
-  children: t
+function fo({
+  "data-testid": t,
+  children: e
 }) {
-  const { open: n } = an();
-  return /* @__PURE__ */ d(Kt, { className: H.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Mt, {}),
+  const { open: n } = Je();
+  return /* @__PURE__ */ c(Ge, { className: M.root, "data-testid": t, children: [
+    /* @__PURE__ */ o(Be, {}),
     /* @__PURE__ */ o(
-      tn,
+      qe,
       {
         variant: "permanent",
         anchor: "left",
         transitionDuration: null,
         open: n,
-        children: t
+        children: e
       }
     )
   ] });
 }
-const ln = ({
-  isOpen: e,
-  dialogTitle: t,
+const mo = ({
+  isOpen: t,
+  dialogTitle: e,
   children: n,
-  maxWidth: i,
+  maxWidth: r,
   primaryButton: a,
   secondaryButton: l,
   onClose: p
 }) => {
-  var c, x;
-  const [u, s] = T(!1);
-  return /* @__PURE__ */ d(
-    Ht,
+  var d, v;
+  const [u, s] = D(!1);
+  return /* @__PURE__ */ c(
+    Oe,
     {
-      open: e,
+      open: t,
       onClose: () => {
         u || p();
       },
       fullWidth: !0,
-      maxWidth: i != null ? i : "xs",
+      maxWidth: r != null ? r : "xs",
       children: [
-        /* @__PURE__ */ o(zt, { children: t }),
-        /* @__PURE__ */ o(Wt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ d(Rt, { children: [
+        /* @__PURE__ */ o(Ie, { children: e }),
+        /* @__PURE__ */ o(De, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ c($e, { children: [
           /* @__PURE__ */ o(
-            Le,
+            Bt,
             {
-              onClick: (c = l == null ? void 0 : l.onClick) != null ? c : p,
+              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(
-            Le,
+            Bt,
             {
-              onClick: () => ee(void 0, null, function* () {
+              onClick: () => K(void 0, null, function* () {
                 var f;
                 s(!0), yield (f = a.onClick) == null ? void 0 : f.call(a), s(!1);
               }),
@@ -303,94 +305,94 @@ const ln = ({
       ]
     }
   );
-}, dn = 24, cn = 64, F = "TopBar", A = {
-  topStripe: `${F}-topStripe`,
-  titleBar: `${F}-titleBar`,
-  titleSlider: `${F}-titleSlider`,
-  titleText: `${F}-titleText`,
-  leftPanelButton: `${F}-leftPanelButton`,
-  rightPanelButton: `${F}-leftPanelButton`
-}, pn = j("div", {
-  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: F
-})(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var i, a;
+}, Ze = 24, tn = 64, L = "TopBar", b = {
+  topStripe: `${L}-topStripe`,
+  titleBar: `${L}-titleBar`,
+  titleSlider: `${L}-titleSlider`,
+  titleText: `${L}-titleText`,
+  leftPanelButton: `${L}-leftPanelButton`,
+  rightPanelButton: `${L}-leftPanelButton`
+}, en = X("div", {
+  shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
+  name: L
+})(({ theme: t, leftPanel: e, rightPanel: n }) => {
+  var r, a;
   return {
     width: "100%",
-    [`& .${A.topStripe}`]: {
+    [`& .${b.topStripe}`]: {
       width: "100%",
-      height: `${dn}px`,
-      backgroundColor: e.palette.primary.main
+      height: `${Ze}px`,
+      backgroundColor: t.palette.primary.main
     },
-    [`& .${A.titleBar}`]: {
-      backgroundColor: e.palette.primary.light,
-      height: `${cn}px`,
-      padding: e.spacing(0, 3),
+    [`& .${b.titleBar}`]: {
+      backgroundColor: t.palette.primary.light,
+      height: `${tn}px`,
+      padding: t.spacing(0, 3),
       width: "100%"
     },
-    [`& .${A.titleSlider}`]: r(r({
+    [`& .${b.titleSlider}`]: i(i({
       height: "100%",
       display: "flex",
       alignItems: "center",
       color: "white",
-      transition: e.transitions.create("margin", {
-        easing: e.transitions.easing.sharp,
-        duration: e.transitions.duration.leavingScreen
+      transition: t.transitions.create("margin", {
+        easing: t.transitions.easing.sharp,
+        duration: t.transitions.duration.leavingScreen
       }),
-      [`& .${A.leftPanelButton}`]: {
-        marginRight: e.spacing(2),
+      [`& .${b.leftPanelButton}`]: {
+        marginRight: t.spacing(2),
         flexGrow: 0
       },
-      [`& .${A.titleText}`]: {
+      [`& .${b.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${A.rightPanelButton}`]: {
+      [`& .${b.rightPanelButton}`]: {
         flexGrow: 0
       }
-    }, (t == null ? void 0 : t.open) && {
-      transition: e.transitions.create("margin", {
-        easing: e.transitions.easing.easeOut,
-        duration: e.transitions.duration.enteringScreen
+    }, (e == null ? void 0 : e.open) && {
+      transition: t.transitions.create("margin", {
+        easing: t.transitions.easing.easeOut,
+        duration: t.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
+      marginLeft: `${(r = e == null ? void 0 : e.width) != null ? r : 0}px`
     }), (n == null ? void 0 : n.open) && {
-      transition: e.transitions.create("margin", {
-        easing: e.transitions.easing.easeOut,
-        duration: e.transitions.duration.enteringScreen
+      transition: t.transitions.create("margin", {
+        easing: t.transitions.easing.easeOut,
+        duration: t.transitions.duration.enteringScreen
       }),
       marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
     })
   };
 });
-function un({
-  titleText: e = "",
-  leftPanel: t,
+function nn({
+  titleText: t = "",
+  leftPanel: e,
   rightPanel: n,
-  "data-testid": i
+  "data-testid": r
 }) {
-  return /* @__PURE__ */ d(pn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: A.topStripe }),
-    /* @__PURE__ */ o("div", { className: A.titleBar, children: /* @__PURE__ */ d(w, { className: A.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ d(
-        q,
+  return /* @__PURE__ */ c(en, { leftPanel: e, rightPanel: n, "data-testid": r, children: [
+    /* @__PURE__ */ o("div", { className: b.topStripe }),
+    /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ c(A, { className: b.titleSlider, children: [
+      e !== void 0 && !e.open && e.showOpenArrow && /* @__PURE__ */ c(
+        V,
         {
-          className: A.leftPanelButton,
+          className: b.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
-          onClick: t == null ? void 0 : t.onOpen,
+          onClick: e == null ? void 0 : e.onOpen,
           edge: "start",
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(tt, {})
+            /* @__PURE__ */ o(qt, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(B, { className: A.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ d(
-        q,
+      /* @__PURE__ */ o(I, { className: b.titleText, variant: "h6", noWrap: !0, children: t }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ c(
+        V,
         {
-          className: A.rightPanelButton,
+          className: b.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -398,15 +400,15 @@ function un({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(nt, {})
+            /* @__PURE__ */ o(jt, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const lt = 400, hn = j(Bt, {
-  shouldForwardProp: (e) => (
+const te = 400, on = X(ve, {
+  shouldForwardProp: (t) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
       "width",
@@ -415,35 +417,35 @@ const lt = 400, hn = j(Bt, {
       "navBarOpen",
       "navBarWidthOpen",
       "navBarWidthClosed"
-    ].includes(e)
+    ].includes(t)
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
-    width: e,
-    "& .MuiDrawer-paper": r(r({
+  ({ width: t, debugOpacity: e = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
+    width: t,
+    "& .MuiDrawer-paper": i(i({
       position: "absolute",
-      width: e,
+      width: t,
       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)"
-    }, t && {
+    }, e && {
       opacity: "50%"
-    }), n === "left" && r({
+    }), n === "left" && i({
       marginLeft: `${l}px`
-    }, i && {
+    }, r && {
       marginLeft: `${a}px`
     }))
   })
-), gn = j(w, {
-  shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => v(r({
+), rn = X(A, {
+  shouldForwardProp: (t) => !["anchor"].includes(t)
+})(({ theme: t, anchor: e }) => C(i({
   display: "flex",
   alignItems: "center",
-  padding: e.spacing(2)
-}, e.mixins.toolbar), {
-  justifyContent: t === "left" ? "space-between" : "flex-start",
-  backgroundColor: e.palette.primary.light,
+  padding: t.spacing(2)
+}, t.mixins.toolbar), {
+  justifyContent: e === "left" ? "space-between" : "flex-start",
+  backgroundColor: t.palette.primary.light,
   height: "88px",
   "&,*": {
     color: "white"
@@ -452,452 +454,432 @@ const lt = 400, hn = j(Bt, {
     fontSize: "22px"
   },
   " .MuiButtonBase-root": {
-    marginRight: t === "right" ? e.spacing(2) : 0
+    marginRight: e === "right" ? t.spacing(2) : 0
   }
 }));
-function Me({
-  children: e,
-  anchor: t = "left",
+function It({
+  children: t,
+  anchor: e = "left",
   open: n,
-  onClose: i = () => {
+  onClose: r = () => {
   },
   titleText: a = "",
-  width: l = lt,
+  width: l = te,
   showCloseArrow: p = !0,
   debugOpacity: u = !1,
   headerBoxProps: s = {},
-  onOpened: c,
-  onClosed: x,
+  onOpened: d,
+  onClosed: v,
   "data-testid": f,
-  navBarOpen: C = !1,
+  navBarOpen: x = !1,
   navBarWidthOpen: m = 0,
-  navBarWidthClosed: O = 0
+  navBarWidthClosed: T = 0
 }) {
-  return /* @__PURE__ */ d(
-    hn,
+  return /* @__PURE__ */ c(
+    on,
     {
       SlideProps: {
-        onEntered: () => c == null ? void 0 : c(),
-        onExited: () => x == null ? void 0 : x()
+        onEntered: () => d == null ? void 0 : d(),
+        onExited: () => v == null ? void 0 : v()
       },
       variant: "persistent",
-      anchor: t,
+      anchor: e,
       open: n,
       width: l,
       debugOpacity: u,
       "data-testid": f,
-      navBarOpen: C,
+      navBarOpen: x,
       navBarWidthOpen: m,
-      navBarWidthClosed: O,
+      navBarWidthClosed: T,
       children: [
-        /* @__PURE__ */ o(gn, v(r({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ d(P, { children: [
-          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: a }),
-          p && /* @__PURE__ */ d(q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(nt, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(rn, C(i({ anchor: e }, s), { children: e === "left" ? /* @__PURE__ */ c(k, { children: [
+          /* @__PURE__ */ o(I, { variant: "h6", color: "inherit", component: "div", children: a }),
+          p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(jt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ d(P, { children: [
-          p && /* @__PURE__ */ d(q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(tt, {}),
+        ] }) : /* @__PURE__ */ c(k, { children: [
+          p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(qt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(I, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
-        e
+        t
       ]
     }
   );
 }
-const fn = j("div", {
-  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
+const an = X("div", {
+  shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
   name: "PanelAwareMargins"
-})(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var i, a;
-  return r(r({
-    transition: e.transitions.create("margin", {
-      easing: e.transitions.easing.sharp,
-      duration: e.transitions.duration.leavingScreen
+})(({ theme: t, leftPanel: e, rightPanel: n }) => {
+  var r, a;
+  return i(i({
+    transition: t.transitions.create("margin", {
+      easing: t.transitions.easing.sharp,
+      duration: t.transitions.duration.leavingScreen
     })
-  }, (t == null ? void 0 : t.open) && {
-    transition: e.transitions.create("margin", {
-      easing: e.transitions.easing.easeOut,
-      duration: e.transitions.duration.enteringScreen
+  }, (e == null ? void 0 : e.open) && {
+    transition: t.transitions.create("margin", {
+      easing: t.transitions.easing.easeOut,
+      duration: t.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
+    marginLeft: `${(r = e == null ? void 0 : e.width) != null ? r : 0}px`
   }), (n == null ? void 0 : n.open) && {
-    transition: e.transitions.create("margin", {
-      easing: e.transitions.easing.easeOut,
-      duration: e.transitions.duration.enteringScreen
+    transition: t.transitions.create("margin", {
+      easing: t.transitions.easing.easeOut,
+      duration: t.transitions.duration.enteringScreen
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), mn = j(Ye, {
+}), sn = X(Wt, {
   name: "PageContainer"
-})(({ theme: e }) => ({
+})(({ theme: t }) => ({
   // Horizontal padding comes from the Container's gutter
-  paddingTop: e.spacing(3),
-  paddingBottom: e.spacing(3)
-})), me = !1, xe = !1, ne = {
+  paddingTop: t.spacing(3),
+  paddingBottom: t.spacing(3)
+})), ht = !1, gt = !1, tt = {
   titleText: "",
   flavour: "push",
-  width: lt,
+  width: te,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(P, {}),
+  content: /* @__PURE__ */ o(k, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function go({
-  children: e,
-  titleText: t = "",
+function vo({
+  children: t,
+  titleText: e = "",
   leftPanel: n,
-  rightPanel: i,
+  rightPanel: r,
   sidePanelsAreMutuallyExclusive: a = !0,
   debugOpacity: l = !1,
   pageContainerProps: p,
   pageContentDataTestId: u,
   topBarDataTestId: s,
-  navBarOpen: c,
-  navBarWidthOpen: x,
+  navBarOpen: d,
+  navBarWidthOpen: v,
   navBarWidthClosed: f
 }) {
-  const [C, m] = T(me), [O, S] = T(xe), [b, I] = T(me), [k, W] = T(xe), z = n !== void 0, U = i !== void 0, {
-    titleText: D,
-    content: Q,
-    flavour: Y,
-    open: G,
-    onChangeOpen: V,
+  const [x, m] = D(ht), [T, B] = D(gt), [S, w] = D(ht), [O, H] = D(gt), R = n !== void 0, W = r !== void 0, {
+    titleText: $,
+    content: q,
+    flavour: j,
+    open: z,
+    onChangeOpen: U,
     width: h,
     arrowButtons: g,
     startOpen: y,
-    onOpened: mt,
-    onClosed: xt,
-    dataTestId: vt
-  } = n ? r(r({}, ne), n) : r({}, ne), {
-    titleText: Ct,
-    content: wt,
-    flavour: Ae,
-    open: le,
-    onChangeOpen: Se,
-    width: de,
-    arrowButtons: J,
-    startOpen: K,
-    onOpened: bt,
-    onClosed: At,
-    dataTestId: St
-  } = i ? r(r({}, ne), i) : r({}, ne);
-  ae(() => {
-    y !== me && (m(y), I(y));
-  }, [y]), ae(() => {
-    K !== xe && (S(K), W(K));
-  }, [K]);
-  const ce = G === void 0 ? C : G, pe = le === void 0 ? O : le, Ie = (E) => {
-    G === void 0 && (m(E), a && U && (E ? (S(!1), W(O)) : S(k))), V && V(E);
-  }, Oe = (E) => {
-    le === void 0 && (S(E), a && z && (E ? (m(!1), I(C)) : m(b))), Se && Se(E);
+    onOpened: ie,
+    onClosed: ae,
+    dataTestId: se
+  } = n ? i(i({}, tt), n) : i({}, tt), {
+    titleText: le,
+    content: de,
+    flavour: ft,
+    open: at,
+    onChangeOpen: mt,
+    width: st,
+    arrowButtons: Q,
+    startOpen: Y,
+    onOpened: ce,
+    onClosed: pe,
+    dataTestId: ue
+  } = r ? i(i({}, tt), r) : i({}, tt);
+  rt(() => {
+    y !== ht && (m(y), w(y));
+  }, [y]), rt(() => {
+    Y !== gt && (B(Y), H(Y));
+  }, [Y]);
+  const lt = z === void 0 ? x : z, dt = at === void 0 ? T : at, vt = (N) => {
+    z === void 0 && (m(N), a && W && (N ? (B(!1), H(T)) : B(O))), U && U(N);
+  }, xt = (N) => {
+    at === void 0 && (B(N), a && R && (N ? (m(!1), w(x)) : m(S))), mt && mt(N);
   };
-  return /* @__PURE__ */ d(w, { children: [
-    z && /* @__PURE__ */ o(
-      Me,
+  return /* @__PURE__ */ c(A, { children: [
+    R && /* @__PURE__ */ o(
+      It,
       {
-        "data-testid": vt,
+        "data-testid": se,
         anchor: "left",
-        open: ce,
-        onClose: () => Ie(!1),
+        open: lt,
+        onClose: () => vt(!1),
         width: h,
-        titleText: D,
+        titleText: $,
         debugOpacity: l,
         showCloseArrow: g === "both" || g === "close",
-        onOpened: mt,
-        onClosed: xt,
-        navBarOpen: c,
-        navBarWidthOpen: x,
+        onOpened: ie,
+        onClosed: ae,
+        navBarOpen: d,
+        navBarWidthOpen: v,
         navBarWidthClosed: f,
-        children: Q
+        children: q
       }
     ),
-    U && /* @__PURE__ */ o(
-      Me,
+    W && /* @__PURE__ */ o(
+      It,
       {
-        "data-testid": St,
+        "data-testid": ue,
         anchor: "right",
-        open: pe,
-        onClose: () => Oe(!1),
-        width: de,
-        titleText: Ct,
+        open: dt,
+        onClose: () => xt(!1),
+        width: st,
+        titleText: le,
         debugOpacity: l,
-        showCloseArrow: J === "both" || J === "close",
-        onOpened: bt,
-        onClosed: At,
-        navBarOpen: c,
-        navBarWidthOpen: x,
+        showCloseArrow: Q === "both" || Q === "close",
+        onOpened: ce,
+        onClosed: pe,
+        navBarOpen: d,
+        navBarWidthOpen: v,
         navBarWidthClosed: f,
-        children: wt
+        children: de
       }
     ),
     /* @__PURE__ */ o(
-      un,
-      r(r({
-        titleText: t,
+      nn,
+      i(i({
+        titleText: e,
         "data-testid": s
-      }, z && Y === "push" ? {
+      }, R && j === "push" ? {
         leftPanel: {
-          open: ce,
+          open: lt,
           width: h,
-          onOpen: () => Ie(!0),
+          onOpen: () => vt(!0),
           showOpenArrow: g === "both" || g === "open"
         }
-      } : {}), U && Ae === "push" ? {
+      } : {}), W && ft === "push" ? {
         rightPanel: {
-          open: pe,
-          width: de,
-          onOpen: () => Oe(!0),
-          showOpenArrow: J === "both" || J === "open"
+          open: dt,
+          width: st,
+          onOpen: () => xt(!0),
+          showOpenArrow: Q === "both" || Q === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      fn,
-      v(r(r({}, Y === "push" ? {
+      an,
+      C(i(i({}, j === "push" ? {
         leftPanel: {
-          open: ce,
+          open: lt,
           width: h
         }
-      } : {}), Ae === "push" ? {
+      } : {}), ft === "push" ? {
         rightPanel: {
-          open: pe,
-          width: de
+          open: dt,
+          width: st
         }
       } : {}), {
-        children: /* @__PURE__ */ o(mn, v(r({ "data-testid": u }, p), { children: e }))
+        children: /* @__PURE__ */ o(sn, C(i({ "data-testid": u }, p), { children: t }))
       })
     )
   ] });
 }
-const oe = "Navbar", X = {
-  root: `${oe}-root`,
-  menuButton: `${oe}-menuButton`,
-  hide: `${oe}-hide`,
-  content: `${oe}-content`
+const et = "Navbar", G = {
+  root: `${et}-root`,
+  menuButton: `${et}-menuButton`,
+  hide: `${et}-hide`,
+  content: `${et}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, xn = R("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${X.root}`]: {
+}, ln = _("div", { name: "NavBar" })(({ theme: t }) => ({
+  [`&.${G.root}`]: {
     display: "flex"
   },
-  [`& .${X.menuButton}`]: {
+  [`& .${G.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${X.hide}`]: {
+  [`& .${G.hide}`]: {
     display: "none"
   },
-  [`& .${X.content}`]: {
+  [`& .${G.content}`]: {
     flexGrow: 1,
-    padding: e.spacing(3)
+    padding: t.spacing(3)
   }
   // [`& .${classes.userInfoHolder}`]: {
   //   height: '148px',
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), dt = (e, t) => {
-  var n, i;
+})), ee = (t, e) => {
+  var n, r;
   return {
-    height: `calc(100vh - ${t}px)`,
-    top: t,
+    height: `calc(100vh - ${e}px)`,
+    top: e,
     overflowX: "hidden",
     overflowY: "hidden",
     color: "inherit",
-    backgroundColor: (i = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
+    backgroundColor: (r = (n = t == null ? void 0 : t.navBar) == null ? void 0 : n.backgroundColor) != null ? r : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, _e = (e, t, n) => r({
-  width: t,
-  transition: e.transitions.create("width", {
-    easing: e.transitions.easing.sharp,
-    duration: e.transitions.duration.enteringScreen
+}, kt = (t, e, n) => i({
+  width: e,
+  transition: t.transitions.create("width", {
+    easing: t.transitions.easing.sharp,
+    duration: t.transitions.duration.enteringScreen
   })
-}, dt(e, n)), He = (e, t, n) => r({
-  width: t,
-  transition: e.transitions.create("width", {
-    easing: e.transitions.easing.sharp,
-    duration: e.transitions.duration.leavingScreen
+}, ee(t, n)), Et = (t, e, n) => i({
+  width: e,
+  transition: t.transitions.create("width", {
+    easing: t.transitions.easing.sharp,
+    duration: t.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, dt(e, n)), vn = R(Ze, {
-  shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
+}, ee(t, n)), dn = _(Gt, {
+  shouldForwardProp: (t) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(t)
+})(({ theme: t, open: e, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && v(r({}, _e(e, n, a)), {
-  "& .MuiDrawer-paper": _e(e, n, a)
-})), !t && v(r({}, He(e, i, a)), {
-  "& .MuiDrawer-paper": He(e, i, a)
+}, e && C(i({}, kt(t, n, a)), {
+  "& .MuiDrawer-paper": kt(t, n, a)
+})), !e && C(i({}, Et(t, r, a)), {
+  "& .MuiDrawer-paper": Et(t, r, a)
 })));
-function Cn({ links: e }) {
+function cn({ links: t }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function Re(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 t;
-}
-const ie = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], We = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function wn({ user: e, domainCode: t, open: n }) {
-  const i = Fe(be), a = Fe(we);
-  return /* @__PURE__ */ o(w, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
-    w,
+const nt = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nt = (t) => t.split(/\s/).map((e) => e.substring(0, 1).toUpperCase()).filter((e) => !!e).slice(0, 2).join("").toUpperCase();
+function pn({
+  user: t,
+  domainCode: e,
+  open: n,
+  navBarWidthClosed: r,
+  navBarWidthOpen: a
+}) {
+  return /* @__PURE__ */ o(A, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
+    A,
     {
       sx: {
         display: "flex",
         alignItems: "center",
         flexDirection: "column"
       },
-      children: n ? /* @__PURE__ */ d(P, { children: [
+      children: n ? /* @__PURE__ */ c(k, { children: [
         /* @__PURE__ */ o(
-          w,
+          A,
           {
             sx: {
               width: `${a * 0.33}px`,
               aspectRatio: 1,
               marginBottom: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(
-              te,
+            children: t != null && t.name ? /* @__PURE__ */ o(
+              Z,
               {
-                src: e == null ? void 0 : e.picture,
+                src: t == null ? void 0 : t.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: ie[Math.abs(Re(e.name)) % ie.length]
+                  bgcolor: nt[Math.abs(Ot(t.name)) % nt.length]
                 },
-                children: We(e.name)
+                children: Nt(t.name)
               }
-            ) : /* @__PURE__ */ o(te, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Z, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        e != null && e.name ? /* @__PURE__ */ o(B, { children: e.name }) : /* @__PURE__ */ o(ke, { animation: !1, width: "50%" }),
-        t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(ke, { animation: !1, width: "25%" })
-      ] }) : /* @__PURE__ */ o(w, { sx: { width: `${i * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: e != null && e.name ? /* @__PURE__ */ o(
-        te,
+        t != null && t.name ? /* @__PURE__ */ o(I, { children: t.name }) : /* @__PURE__ */ o(St, { animation: !1, width: "50%" }),
+        e ? /* @__PURE__ */ o(I, { children: e.toUpperCase() }) : /* @__PURE__ */ o(St, { animation: !1, width: "25%" })
+      ] }) : /* @__PURE__ */ o(A, { sx: { width: `${r * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: t != null && t.name ? /* @__PURE__ */ o(
+        Z,
         {
-          src: e == null ? void 0 : e.picture,
+          src: t == null ? void 0 : t.picture,
           sx: {
             width: "100%",
             height: "100%",
-            bgcolor: ie[Math.abs(Re(e.name)) % ie.length]
+            bgcolor: nt[Math.abs(Ot(t.name)) % nt.length]
           },
-          children: We(e.name)
+          children: Nt(t.name)
         }
-      ) : /* @__PURE__ */ o(te, { sx: { width: "100%", height: "100%" } }) })
+      ) : /* @__PURE__ */ o(Z, { sx: { width: "100%", height: "100%" } }) })
     }
   ) });
 }
-function bn({ navBarOpen: e }) {
-  const [t, n] = T(!1);
-  return /* @__PURE__ */ d(Ee, { children: [
-    /* @__PURE__ */ d(M, { onClick: () => n((i) => !i), children: [
-      /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ o(Ut, {}) }),
-      /* @__PURE__ */ o(_, { primary: "Switch to ..." }),
-      t && e ? /* @__PURE__ */ o(Gt, {}) : /* @__PURE__ */ o(Vt, {})
-    ] }),
-    /* @__PURE__ */ o($t, { in: t && e, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(Ee, { component: "div", disablePadding: !0, children: [
-      /* @__PURE__ */ o(M, { sx: { pl: 2 }, children: /* @__PURE__ */ o(_, { primary: "1. Something", inset: !0 }) }),
-      /* @__PURE__ */ o(M, { sx: { pl: 2 }, children: /* @__PURE__ */ o(_, { primary: "2. Something else", inset: !0 }) }),
-      /* @__PURE__ */ o(M, { sx: { pl: 2 }, children: /* @__PURE__ */ o(_, { primary: "3. Puppies!", inset: !0 }) })
-    ] }) }),
-    /* @__PURE__ */ d(M, { children: [
-      /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ o(Xt, {}) }),
-      /* @__PURE__ */ o(_, { primary: "Settings" })
-    ] }),
-    /* @__PURE__ */ d(M, { children: [
-      /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ o(qt, {}) }),
-      /* @__PURE__ */ o(_, { primary: "Log out" })
-    ] })
-  ] });
-}
-function An({
-  open: e,
-  offsetTop: t = 0,
+function un({
+  open: t,
+  offsetTop: e = 0,
   widthOpen: n,
-  widthClosed: i,
+  widthClosed: r,
   "data-testid": a,
   top: l,
   middle: p,
-  user: u,
-  domainCode: s
+  bottom: u,
+  user: s,
+  domainCode: d
 }) {
-  return /* @__PURE__ */ o(xn, { className: X.root, "data-testid": a, children: /* @__PURE__ */ d(
-    vn,
+  return /* @__PURE__ */ o(ln, { className: G.root, "data-testid": a, children: /* @__PURE__ */ c(
+    dn,
     {
       variant: "permanent",
       anchor: "left",
-      open: e,
+      open: t,
       widthOpen: n,
-      widthClosed: i,
-      offsetTop: t,
+      widthClosed: r,
+      offsetTop: e,
       PaperProps: {
-        // https://github.com/mui/material-ui/issues/27703
-        // This isn't fixed in the version we are using at time of writing
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         component: "nav"
       },
       children: [
-        l && /* @__PURE__ */ d(w, { sx: { flex: "0 0 auto" }, children: [
+        l && /* @__PURE__ */ c(A, { sx: { flex: "0 0 auto" }, children: [
           l,
-          /* @__PURE__ */ o(Ne, { variant: "middle" })
+          /* @__PURE__ */ o(Tt, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(w, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(Cn, { links: p }) : p }),
-        /* @__PURE__ */ d(w, { sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ o(Ne, { variant: "middle" }),
-          /* @__PURE__ */ o(wn, { user: u, domainCode: s, open: e }),
-          /* @__PURE__ */ o(bn, { navBarOpen: e })
+        /* @__PURE__ */ o(A, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(cn, { links: p }) : p }),
+        /* @__PURE__ */ c(A, { sx: { flex: "0 0 auto" }, children: [
+          /* @__PURE__ */ o(Tt, { variant: "middle" }),
+          /* @__PURE__ */ o(
+            pn,
+            {
+              user: s,
+              domainCode: d,
+              open: t,
+              navBarWidthClosed: r,
+              navBarWidthOpen: n
+            }
+          ),
+          u && /* @__PURE__ */ o(k, { children: u })
         ] })
       ]
     }
   ) });
 }
-function Sn({ children: e, topBarHeight: t }) {
+function hn({ children: t, topBarHeight: e }) {
   return /* @__PURE__ */ o(
-    w,
+    A,
     {
       sx: {
         overflow: "auto",
-        height: `calc(100vh - ${t}px)`,
+        height: `calc(100vh - ${e}px)`,
         scrollbarGutter: "stable",
         // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Ye,
+        Wt,
         {
           component: "main",
           id: "main-content",
           sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 },
-          children: e
+          children: t
         }
       )
     }
   );
 }
-const In = 64, On = 64, Tn = 256, Ce = $(!0), we = $(Tn), be = $(On), ct = $(""), pt = $(In), ut = $(void 0), Dn = "TopBar", Bn = {
-  titleText: `${Dn}-titleText`
+const gn = 64, fn = 64, mn = 256, ne = E(!0), vn = E(mn), xn = E(fn), Cn = E(""), wn = E(gn), An = E(void 0), bn = "TopBar", Sn = {
+  titleText: `${bn}-titleText`
 };
-function $n({ titleText: e = "", height: t, "data-testid": n }) {
-  const i = Qt(Ce);
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ d(
-    Qe,
+function Tn({ titleText: t = "", height: e, "data-testid": n }) {
+  const r = Ee(ne);
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
+    Rt,
     {
       square: !0,
       elevation: 0,
@@ -910,178 +892,184 @@ function $n({ titleText: e = "", height: t, "data-testid": n }) {
         alignItems: "center",
         gap: 2,
         flexShrink: 0,
-        height: t
+        height: e
       },
       children: [
-        /* @__PURE__ */ o(q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => i((l) => !l), children: /* @__PURE__ */ o(jt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(B, { className: Bn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(ke, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(I, { className: Sn.titleText, variant: "h6", children: t })
       ]
     }
   ) });
 }
-function fo({
-  children: e,
-  initialTitleText: t,
+function xo({
+  children: t,
+  initialTitleText: e,
   initialNavBarOpen: n,
-  pageContainerProps: i,
+  pageContainerProps: r,
   pageContentDataTestId: a,
   topBarDataTestId: l,
   navBarDataTestId: p,
   navBarMiddle: u,
-  user: s,
-  domainCode: c
+  navBarBottom: s,
+  user: d,
+  domainCode: v
 }) {
-  const [x, f] = L(Ce), [C] = L(we), [m] = L(be), [O, S] = L(ct), [b] = L(pt), [I] = L(ut);
-  return ae(() => {
-    t !== void 0 && S(t);
-  }, [t, S]), ae(() => {
-    n !== void 0 && f(n);
-  }, [n, f]), /* @__PURE__ */ d(w, { children: [
-    /* @__PURE__ */ o(kt, {}),
-    /* @__PURE__ */ o($n, { titleText: O, "data-testid": l, height: b }),
-    /* @__PURE__ */ d(w, { sx: { display: "flex" }, children: [
+  const [f, x] = P(ne), [m] = P(vn), [T] = P(xn), [B, S] = P(Cn), [w] = P(wn), [O] = P(An);
+  return rt(() => {
+    e !== void 0 && S(e);
+  }, [e, S]), rt(() => {
+    n !== void 0 && x(n);
+  }, [n, x]), /* @__PURE__ */ c(A, { children: [
+    /* @__PURE__ */ o(xe, {}),
+    /* @__PURE__ */ o(Tn, { titleText: B, "data-testid": l, height: w }),
+    /* @__PURE__ */ c(A, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        An,
+        un,
         {
-          open: x,
-          top: I,
+          open: f,
+          top: O,
           middle: u,
-          user: s,
-          domainCode: c,
-          widthOpen: C,
-          widthClosed: m,
-          offsetTop: b,
+          bottom: s,
+          user: d,
+          domainCode: v,
+          widthOpen: m,
+          widthClosed: T,
+          offsetTop: w,
           "data-testid": p
         }
       ),
       /* @__PURE__ */ o(
-        Sn,
-        v(r({
+        hn,
+        C(i({
           "data-testid": a,
-          topBarHeight: b
-        }, i), {
-          children: e
+          topBarHeight: w
+        }, r), {
+          children: t
         })
       )
     ] })
   ] });
 }
-const kn = {
+const Bn = {
   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
-}, En = {
-  shouldClose: (e, t) => t !== "clickaway"
-}, ze = {
+}, On = {
+  shouldClose: (t, e) => e !== "clickaway"
+}, Ft = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ue = 100, Ge = 2e3, Nn = 2e3, Ln = (() => {
-  let e = 0;
-  return () => (e += 1, e);
-})(), Fn = {
+}, Pt = 100, Lt = 2e3, $n = 2e3, Dn = (() => {
+  let t = 0;
+  return () => (t += 1, t);
+})(), In = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Pn = {}, yn = {}, ht = qe(null);
-function Mn(l) {
+}, kn = {}, En = {}, oe = _t(null);
+function Nn(l) {
   var p = l, {
-    overrideState: e = Pn,
-    overrideActions: t = yn,
-    shouldClose: n = En.shouldClose,
-    children: i
-  } = p, a = Be(p, [
+    overrideState: t = kn,
+    overrideActions: e = En,
+    shouldClose: n = On.shouldClose,
+    children: r
+  } = p, a = At(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var V;
-  const [{ open: u }, s] = T({ open: !1 }), c = he([]), x = he(Date.now()), f = he(0), C = re((h) => {
+  var U;
+  const [{ open: u }, s] = D({ open: !1 }), d = pt([]), v = pt(Date.now()), f = pt(0), x = ot((h) => {
     s({ open: h });
-  }, []), m = re((h = {}) => {
-    f.current += 1, c.current.length >= Ue && Date.now() - x.current >= Ge && (x.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${f.current} times in last ${Ge}ms)`
+  }, []), m = ot((h = {}) => {
+    f.current += 1, d.current.length >= Pt && Date.now() - v.current >= Lt && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Pt}) hit ${f.current} times in last ${Lt}ms)`
     ), f.current = 0);
-    const g = r(v(r({}, ze), {
-      key: Ln()
+    const g = i(C(i({}, Ft), {
+      key: Dn()
     }), h);
-    return c.current.push(g), c.current.length === 1 && s({ open: !0 }), g.key;
-  }, []), O = (h = "", g = {}) => m(r({ message: h, severity: "success" }, g)), S = (h = "", g = {}) => m(r({ message: h, severity: "info" }, g)), b = (h = "", g = {}) => m(r({ message: h, severity: "warning" }, g)), I = (h = "", g = {}) => m(r({ message: h, severity: "error" }, g)), k = (h) => {
-    const g = c.current.findIndex((y) => y.key === h);
+    return d.current.push(g), d.current.length === 1 && s({ open: !0 }), g.key;
+  }, []), T = (h = "", g = {}) => m(i({ message: h, severity: "success" }, g)), B = (h = "", g = {}) => m(i({ message: h, severity: "info" }, g)), S = (h = "", g = {}) => m(i({ message: h, severity: "warning" }, g)), w = (h = "", g = {}) => m(i({ message: h, severity: "error" }, g)), O = (h) => {
+    const g = d.current.findIndex((y) => y.key === h);
     if (g !== -1)
-      return g === 0 ? (s({ open: !1 }), c.current[0]) : c.current.splice(g, 1);
-  }, W = (h, g) => {
+      return g === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(g, 1);
+  }, H = (h, g) => {
     n(h, g) && s({ open: !1 });
-  }, z = () => {
-  }, U = () => {
-    c.current.shift(), c.current.length > 0 && s({ open: !0 });
-  }, D = (V = c.current[0]) != null ? V : r({}, ze), Q = {};
-  "autoHideDuration" in D && (Q.autoHideDuration = D.autoHideDuration);
-  const Y = r(r({}, kn), a), G = r(r({
+  }, R = () => {
+  }, W = () => {
+    d.current.shift(), d.current.length > 0 && s({ open: !0 });
+  }, $ = (U = d.current[0]) != null ? U : i({}, Ft), q = {};
+  "autoHideDuration" in $ && (q.autoHideDuration = $.autoHideDuration);
+  const j = i(i({}, Bn), a), z = i(i({
     open: u,
-    setOpen: C,
+    setOpen: x,
     enqueueNotification: m,
-    enqueueSuccessNotification: O,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: b,
-    enqueueErrorNotification: I,
-    removeNotification: k
-  }, e), t);
-  return /* @__PURE__ */ d(ht.Provider, { value: G, children: [
-    i,
+    enqueueSuccessNotification: T,
+    enqueueInfoNotification: B,
+    enqueueWarningNotification: S,
+    enqueueErrorNotification: w,
+    removeNotification: O
+  }, t), e);
+  return /* @__PURE__ */ c(oe.Provider, { value: z, children: [
+    r,
     /* @__PURE__ */ o(
-      Et,
-      v(r(r({}, Y), Q), {
+      Ce,
+      C(i(i({}, j), q), {
         open: u,
-        onClose: W,
+        onClose: H,
         TransitionProps: {
-          onExited: U,
-          onExit: z
+          onExited: W,
+          onExit: R
         },
-        sx: { zIndex: Nn },
-        children: /* @__PURE__ */ d("div", { children: [
+        sx: { zIndex: $n },
+        children: /* @__PURE__ */ c("div", { children: [
           /* @__PURE__ */ o(
-            Nt,
+            we,
             {
-              onClose: (h) => W(h, "closeAlert"),
-              severity: D.severity,
+              onClose: (h) => H(h, "closeAlert"),
+              severity: $.severity,
               variant: "filled",
-              icon: D.progressIndicator === "circular" ? /* @__PURE__ */ o(Je, { size: "1em" }) : void 0,
-              style: D.progressIndicator === "linear" ? Fn : void 0,
-              children: D.message
+              icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(zt, { size: "1em" }) : void 0,
+              style: $.progressIndicator === "linear" ? In : void 0,
+              children: $.message
             }
           ),
-          D.progressIndicator === "linear" && /* @__PURE__ */ o(Lt, { color: "primary" })
+          $.progressIndicator === "linear" && /* @__PURE__ */ o(Ae, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function _n() {
-  const e = je(ht);
-  if (e === null)
-    throw new ve("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
-  return e;
+function Co() {
+  const t = Ht(oe);
+  if (t === null)
+    throw new Vt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+  return t;
+}
+const wo = it(
+  (t = { autoHideDuration: 1 }, e = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Nn, C(i({}, t), { overrideState: e, overrideActions: n, children: r }))
+), Fn = Ne(), Ao = ({
+  children: t,
+  store: e
+}) => /* @__PURE__ */ o(Qt, { store: e != null ? e : Fn, children: t });
+class Pn extends Fe {
 }
-const mo = se(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Mn, v(r({}, e), { overrideState: t, overrideActions: n, children: i }))
-), Hn = Yt(), xo = ({
-  children: e,
-  store: t
-}) => /* @__PURE__ */ o(ot, { store: t != null ? t : Hn, children: e }), gt = "domainCode";
-var Xe;
-const Ve = $(
-  JSON.parse((Xe = localStorage.getItem(gt)) != null ? Xe : '{"domainCode": ""}').domainCode
-), ft = $(
-  (e) => e(Ve),
-  (e, t, n) => {
-    t(Ve, n), localStorage.setItem(gt, JSON.stringify({ domainCode: n }));
+bt(Pn, "errorName", "ContextError");
+const re = "domainCode";
+var Mt;
+const yt = E(
+  JSON.parse((Mt = localStorage.getItem(re)) != null ? Mt : '{"domainCode": ""}').domainCode
+), Ln = E(
+  (t) => t(yt),
+  (t, e, n) => {
+    e(yt, n), localStorage.setItem(re, JSON.stringify({ domainCode: n }));
   }
-), Rn = {
+), yn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1093,76 +1081,76 @@ const Ve = $(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Wn = (e) => {
-  var t;
-  return e === null ? "N/A" : (t = Rn[e]) != null ? t : "";
-}, vo = ({
-  isLoading: e,
-  isOpen: t,
+}, Mn = (t) => {
+  var e;
+  return t === null ? "N/A" : (e = yn[t]) != null ? e : "";
+}, bo = ({
+  isLoading: t,
+  isOpen: e,
   onClose: n,
-  domainOptions: i,
+  domainOptions: r,
   applicationName: a,
   handleLogout: l
 }) => {
-  const [p, u] = L(ft), [s, c] = T(p), { enqueueSuccessNotification: x } = _n(), f = i.length === 0, C = !!p && !i.includes(p) && !i.includes(s), m = !p || f || C, O = () => ee(void 0, null, function* () {
-    s ? (u(s), x(`Set domain to ${s}`), n()) : u("");
-  }), S = () => ee(void 0, null, function* () {
-    p && !f && !C ? (c(p), n()) : m && l();
+  const [p, u] = P(Ln), [s, d] = D(p), { enqueueSuccessNotification: v } = Pe(), f = r.length === 0, x = !!p && !r.includes(p) && !r.includes(s), m = !p || f || x, T = () => K(void 0, null, function* () {
+    s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
+  }), B = () => K(void 0, null, function* () {
+    p && !f && !x ? (d(p), n()) : m && l();
   });
-  let b;
-  return f ? b = "Unable to retrieve your active organisations. Try logging in again." : C && (b = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ d(
-    ln,
+  let S;
+  return f ? S = "Unable to retrieve your active organisations. Try logging in again." : x && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
+    Le,
     {
-      isOpen: t,
+      isOpen: e,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: O,
-        disabled: !s || f || C,
+        onClick: T,
+        disabled: !s || f || x,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: m ? "Logout" : "Cancel",
-        onClick: S
+        onClick: B
       },
       onClose: m ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ d(B, { marginBottom: 2, children: [
+        /* @__PURE__ */ c(I, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
         ] }),
         /* @__PURE__ */ o(
-          Ft,
+          be,
           {
-            loading: e,
+            loading: t,
             multiple: !1,
             disableClearable: !1,
             value: s !== "" ? s : null,
-            onChange: (I, k) => c(k != null ? k : ""),
-            getOptionLabel: Wn,
-            options: [...i],
-            renderInput: (I) => /* @__PURE__ */ o(
-              Pt,
-              v(r({}, I), {
+            onChange: (w, O) => d(O != null ? O : ""),
+            getOptionLabel: Mn,
+            options: [...r],
+            renderInput: (w) => /* @__PURE__ */ o(
+              Se,
+              C(i({}, w), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: v(r({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ d(P, { children: [
-                    e ? /* @__PURE__ */ o(Je, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    I.InputProps.endAdornment
+                InputProps: C(i({}, w.InputProps), {
+                  endAdornment: /* @__PURE__ */ c(k, { children: [
+                    t ? /* @__PURE__ */ o(zt, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    w.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        b && /* @__PURE__ */ o(yt, { error: !0, children: b })
+        S && /* @__PURE__ */ o(Te, { error: !0, children: S })
       ]
     }
   );
-}, Co = Ke({
+}, So = Ut({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1213,7 +1201,7 @@ const Ve = $(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), wo = Ke({
+}), To = Ut({
   palette: {
     primary: {
       main: "#007236",
@@ -1265,22 +1253,22 @@ const Ve = $(
     MuiMenuItem: {
       // Setting defaultProps for color on MenuItem does not work, so update manually
       styleOverrides: {
-        root: ({ theme: e }) => ({
+        root: ({ theme: t }) => ({
           "&.Mui-selected": {
-            backgroundColor: fe(
-              e.palette.secondary.main,
-              e.palette.action.selectedOpacity
+            backgroundColor: ut(
+              t.palette.secondary.main,
+              t.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: fe(
-                e.palette.secondary.main,
-                e.palette.action.selectedOpacity
+              backgroundColor: ut(
+                t.palette.secondary.main,
+                t.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: fe(
-                e.palette.secondary.main,
-                e.palette.action.focusOpacity
+              backgroundColor: ut(
+                t.palette.secondary.main,
+                t.palette.action.focusOpacity
               )
             }
           }
@@ -1304,65 +1292,65 @@ const Ve = $(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), zn = {
-  domainCode: ft,
-  navBarOpen: Ce,
-  navBarWidthOpen: we,
-  navBarWidthClosed: be,
-  titleText: ct,
-  topBarHeight: pt,
-  navBarTop: ut
-}, bo = se(() => ({ children: e }) => /* @__PURE__ */ o(ot, { children: e })), Un = ({
-  initialValues: e,
-  children: t
-}) => (Jt(e), /* @__PURE__ */ o(P, { children: t })), Ao = se(
-  (e) => ({ children: t }) => /* @__PURE__ */ o(
-    Un,
+}), _n = {
+  domainCode: Me,
+  navBarOpen: _e,
+  navBarWidthOpen: He,
+  navBarWidthClosed: Re,
+  titleText: We,
+  topBarHeight: ze,
+  navBarTop: Ue
+}, Bo = it(() => ({ children: t }) => /* @__PURE__ */ o(Qt, { children: t })), Hn = ({
+  initialValues: t,
+  children: e
+}) => (ye(t), /* @__PURE__ */ o(k, { children: e })), Oo = it(
+  (t) => ({ children: e }) => /* @__PURE__ */ o(
+    Hn,
     {
-      initialValues: Object.entries(e).map(
-        ([n, i]) => [
-          zn[n],
-          i
+      initialValues: Object.entries(t).map(
+        ([n, r]) => [
+          _n[n],
+          r
         ]
       ),
-      children: t
+      children: e
     }
   )
 );
 export {
-  ln as AgDialog,
-  fo as AppLayout,
-  xo as AtomProvider,
-  ht as Context,
-  ve as ContextError,
-  vo as DomainCodeDialog,
-  lo as ExampleComponent,
-  Un as HydrateAtoms,
-  rt as NAVBAR_WIDTH_CLOSED,
-  it as NAVBAR_WIDTH_OPENED,
-  ho as NavBar,
-  po as NavBarDarkStyledList,
-  uo as NavBarLightStyledList,
-  rn as NavBarProvider,
-  go as PageLayout,
-  Mn as SaladBarProvider,
-  Hn as atomStore,
-  sn as buildNavBarState,
-  ft as domainCodeAtom,
-  Co as fed21Theme,
-  wo as internalAgSystemsTheme,
-  H as navBarClasses,
-  Ce as navBarOpenAtom,
-  ut as navBarTopAtom,
-  be as navBarWidthClosedAtom,
-  we as navBarWidthOpenAtom,
-  ct as titleTextAtom,
-  pt as topBarHeightAtom,
-  an as useNavBar,
-  _n as useSaladBar,
-  bo as withAtomProvider,
-  co as withNavBarProvider,
-  Ao as withOverrideDefaults,
-  mo as withSaladBarProvider
+  mo as AgDialog,
+  xo as AppLayout,
+  Ao as AtomProvider,
+  oe as Context,
+  Pn as ContextError,
+  bo as DomainCodeDialog,
+  po as ExampleComponent,
+  Hn as HydrateAtoms,
+  Jt as NAVBAR_WIDTH_CLOSED,
+  Yt as NAVBAR_WIDTH_OPENED,
+  fo as NavBar,
+  ho as NavBarDarkStyledList,
+  go as NavBarLightStyledList,
+  Ye as NavBarProvider,
+  vo as PageLayout,
+  Nn as SaladBarProvider,
+  Fn as atomStore,
+  Ke as buildNavBarState,
+  Ln as domainCodeAtom,
+  So as fed21Theme,
+  To as internalAgSystemsTheme,
+  M as navBarClasses,
+  ne as navBarOpenAtom,
+  An as navBarTopAtom,
+  xn as navBarWidthClosedAtom,
+  vn as navBarWidthOpenAtom,
+  Cn as titleTextAtom,
+  wn as topBarHeightAtom,
+  Je as useNavBar,
+  Co as useSaladBar,
+  Bo as withAtomProvider,
+  uo as withNavBarProvider,
+  Oo as withOverrideDefaults,
+  wo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map