@australiangreens/ag-internal-components 0.0.34 → 0.0.35

package/dist/esm/index.js

@@ -1,74 +1,75 @@
 var lt = Object.defineProperty, dt = Object.defineProperties;
 var ct = Object.getOwnPropertyDescriptors;
 var Y = Object.getOwnPropertySymbols;
-var Ce = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable;
-var se = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t) => {
+var we = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
+var de = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
   for (var n in t || (t = {}))
-    Ce.call(t, n) && se(e, n, t[n]);
+    we.call(t, n) && de(e, n, t[n]);
   if (Y)
     for (var n of Y(t))
-      we.call(t, n) && se(e, n, t[n]);
+      Te.call(t, n) && de(e, n, t[n]);
   return e;
-}, x = (e, t) => dt(e, ct(t));
-var Te = (e, t) => {
+}, m = (e, t) => dt(e, ct(t));
+var Be = (e, t) => {
   var n = {};
-  for (var a in e)
-    Ce.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
+  for (var i in e)
+    we.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && Y)
-    for (var a of Y(e))
-      t.indexOf(a) < 0 && we.call(e, a) && (n[a] = e[a]);
+    for (var i of Y(e))
+      t.indexOf(i) < 0 && Te.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Be = (e, t, n) => (se(e, typeof t != "symbol" ? t + "" : t, n), n);
-var Q = (e, t, n) => new Promise((a, i) => {
+var be = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
+var j = (e, t, n) => new Promise((i, a) => {
   var d = (s) => {
     try {
       g(n.next(s));
     } catch (l) {
-      i(l);
+      a(l);
     }
   }, c = (s) => {
     try {
       g(n.throw(s));
     } catch (l) {
-      i(l);
+      a(l);
     }
-  }, g = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(d, c);
+  }, g = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(d, c);
   g((n = n.apply(e, t)).next());
 });
-import { jsxs as u, Fragment as W, jsx as r } from "react/jsx-runtime";
-import { useState as y, createContext as ue, useCallback as J, useContext as ge, useEffect as Z, useReducer as pt, useMemo as ut, useRef as le } from "react";
-import { Typography as $, Button as gt, Paper as ee, styled as G, Box as B, IconButton as z, Drawer as ht, Container as Fe, Divider as be, CssBaseline as ft, Snackbar as vt, Alert as xt, CircularProgress as Pe, LinearProgress as mt, Autocomplete as Ct, TextField as wt, FormHelperText as Tt } from "@mui/material";
+import { jsxs as u, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { useState as y, createContext as he, useCallback as J, useContext as fe, useEffect as Z, useReducer as pt, useMemo as ut, useRef as ce } from "react";
+import { Typography as $, Button as gt, Paper as ee, styled as G, Box as B, IconButton as z, Drawer as ht, Container as Fe, Divider as Oe, CssBaseline as ft, Snackbar as vt, Alert as mt, CircularProgress as _e, LinearProgress as xt, Autocomplete as Ct, TextField as wt, FormHelperText as Tt } from "@mui/material";
 import Bt from "@mui/material/CssBaseline";
-import { styled as L, createTheme as _e, alpha as de } from "@mui/material/styles";
-import Me from "@mui/material/Drawer";
+import { styled as P, createTheme as Me, alpha as pe } from "@mui/material/styles";
+import He from "@mui/material/Drawer";
 import { AgError as bt } from "@australiangreens/ag-error";
-import { createHelper as He } from "souvlaki";
+import { createHelper as te } from "souvlaki";
 import Re from "@mui/material/List";
-import Oe from "@mui/material/Button";
+import ye from "@mui/material/Button";
 import Ot from "@mui/material/Dialog";
 import yt from "@mui/material/DialogActions";
 import At from "@mui/material/DialogContent";
 import It from "@mui/material/DialogTitle";
 import { ArrowForward as We, ArrowBack as ze, ViewHeadline as St } from "@mui/icons-material";
-import { atom as Ge, useAtom as Dt, useAtomValue as Nt, useSetAtom as $t } from "jotai";
-function Gn({ text: e }) {
+import { atom as Ge, useAtom as Dt, useAtomValue as Nt, useSetAtom as $t, Provider as kt } from "jotai";
+import { useHydrateAtoms as Et } from "jotai/utils";
+function Yn({ text: e }) {
   const [t, n] = y(0);
-  return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ r($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ r($, { variant: "caption", display: "block", children: /* @__PURE__ */ r("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ u(L, { 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" }) }),
+    /* @__PURE__ */ o(
       gt,
       {
         variant: "outlined",
-        onClick: () => n((a) => a + 1),
+        onClick: () => n((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
     /* @__PURE__ */ u("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ r("span", { children: e })
+      /* @__PURE__ */ o("span", { children: e })
     ] }),
     /* @__PURE__ */ u(ee, { children: [
       "This number will incremember when button pressed: ",
@@ -76,7 +77,7 @@ function Gn({ text: e }) {
     ] })
   ] });
 }
-const Ue = 330, Ve = 73, D = "Navbar", E = {
+const Ve = 330, Ue = 73, D = "Navbar", E = {
   root: `${D}-root`,
   menuButton: `${D}-menuButton`,
   hide: `${D}-hide`,
@@ -84,7 +85,7 @@ const Ue = 330, Ve = 73, D = "Navbar", E = {
   userInfoHolder: `${D}-userInfoHolder`,
   settings: `${D}-settings`,
   pieChartIcon: `${D}-pieChartIcon`
-}, kt = L("div", { name: "NavBar" })(({ theme: e }) => ({
+}, Lt = P("div", { name: "NavBar" })(({ theme: e }) => ({
   [`&.${E.root}`]: {
     display: "flex"
   },
@@ -111,51 +112,51 @@ const Ue = 330, Ve = 73, D = "Navbar", E = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Et = () => o({
-  width: Ue
-}, Xe()), Lt = () => o({
+}), Pt = () => r({
   width: Ve
-}, Xe()), Ft = L(Me, {
+}, Xe()), Ft = () => r({
+  width: Ue
+}, Xe()), _t = P(He, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => o(o({
-  width: t ? Ue : Ve,
+})(({ theme: e, open: t }) => r(r({
+  width: t ? Ve : Ue,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": Et()
+  "& .MuiDrawer-paper": Pt()
 }), !t && {
-  "& .MuiDrawer-paper": Lt()
+  "& .MuiDrawer-paper": Ft()
 }));
-class te extends bt {
+class ne extends bt {
 }
-Be(te, "errorName", "ContextError");
-const qe = ue(null), Pt = {}, _t = {}, Mt = ({
-  overrideState: e = Pt,
-  overrideActions: t = _t,
+be(ne, "errorName", "ContextError");
+const qe = he(null), Mt = {}, Ht = {}, Rt = ({
+  overrideState: e = Mt,
+  overrideActions: t = Ht,
   children: n
 }) => {
-  const [{ open: a }, i] = y({ open: !0 }), d = J((s) => {
-    i({ open: s });
+  const [{ open: i }, a] = y({ open: !0 }), d = J((s) => {
+    a({ open: s });
   }, []), c = J(() => {
-    i((s) => x(o({}, s), { open: !s.open }));
-  }, []), g = o(o({
-    open: a,
+    a((s) => m(r({}, s), { open: !s.open }));
+  }, []), g = r(r({
+    open: i,
     setOpen: d,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ r(qe.Provider, { value: g, children: n });
-}, Ht = () => {
-  const e = ge(qe);
+  return /* @__PURE__ */ o(qe.Provider, { value: g, children: n });
+}, Wt = () => {
+  const e = fe(qe);
   if (e === null)
-    throw new te("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ne("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Rt = (e = {}) => o({
+}, zt = (e = {}) => r({
   open: !0
-}, e), Un = He(
-  (e = Rt(), t = {}) => ({ children: n }) => /* @__PURE__ */ r(Mt, { overrideState: e, overrideActions: t, children: n })
-), ye = 7, Vn = L(Re)(({ theme: e }) => ({
+}, e), jn = te(
+  (e = zt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Rt, { overrideState: e, overrideActions: t, children: n })
+), Ae = 7, Qn = P(Re)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -164,7 +165,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${ye}px`
+      padding: `${Ae}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -175,7 +176,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${ye}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
     },
     // Hover state
     "&:hover": {
@@ -193,7 +194,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Ae = 7, Xn = L(Re)(({ theme: e }) => ({
+})), Ie = 7, Kn = P(Re)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -202,7 +203,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Ae}px`
+      padding: `${Ie}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -213,7 +214,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Ie}px)`
     },
     // Hover state
     "&:hover": {
@@ -232,15 +233,15 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
     // },
   }
 }));
-function qn({
+function Jn({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = Ht();
-  return /* @__PURE__ */ u(kt, { className: E.root, "data-testid": e, children: [
-    /* @__PURE__ */ r(Bt, {}),
-    /* @__PURE__ */ r(
-      Ft,
+  const { open: n } = Wt();
+  return /* @__PURE__ */ u(Lt, { className: E.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Bt, {}),
+    /* @__PURE__ */ o(
+      _t,
       {
         variant: "permanent",
         anchor: "left",
@@ -251,16 +252,16 @@ function qn({
     )
   ] });
 }
-const Wt = ({
+const Gt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
-  maxWidth: a,
-  primaryButton: i,
+  maxWidth: i,
+  primaryButton: a,
   secondaryButton: d,
   onClose: c
 }) => {
-  var l, m;
+  var l, x;
   const [g, s] = y(!1);
   return /* @__PURE__ */ u(
     Ot,
@@ -270,62 +271,62 @@ const Wt = ({
         g || c();
       },
       fullWidth: !0,
-      maxWidth: a != null ? a : "xs",
+      maxWidth: i != null ? i : "xs",
       children: [
-        /* @__PURE__ */ r(It, { children: t }),
-        /* @__PURE__ */ r(At, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ o(It, { children: t }),
+        /* @__PURE__ */ o(At, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
         /* @__PURE__ */ u(yt, { children: [
-          /* @__PURE__ */ r(
-            Oe,
+          /* @__PURE__ */ o(
+            ye,
             {
               onClick: (l = d == null ? void 0 : d.onClick) != null ? l : c,
               "data-testid": d == null ? void 0 : d.testId,
               disabled: (d == null ? void 0 : d.disabled) || g,
-              children: (m = d == null ? void 0 : d.text) != null ? m : "Cancel"
+              children: (x = d == null ? void 0 : d.text) != null ? x : "Cancel"
             }
           ),
-          i && /* @__PURE__ */ r(
-            Oe,
+          a && /* @__PURE__ */ o(
+            ye,
             {
-              onClick: () => Q(void 0, null, function* () {
+              onClick: () => j(void 0, null, function* () {
                 var h;
-                s(!0), yield (h = i.onClick) == null ? void 0 : h.call(i), s(!1);
+                s(!0), yield (h = a.onClick) == null ? void 0 : h.call(a), s(!1);
               }),
-              "data-testid": i.testId,
-              disabled: i.disabled || g,
-              children: i.text
+              "data-testid": a.testId,
+              disabled: a.disabled || g,
+              children: a.text
             }
           )
         ] })
       ]
     }
   );
-}, zt = 24, Gt = 64, N = "TopBar", T = {
+}, Vt = 24, Ut = 64, N = "TopBar", T = {
   topStripe: `${N}-topStripe`,
   titleBar: `${N}-titleBar`,
   titleSlider: `${N}-titleSlider`,
   titleText: `${N}-titleText`,
   leftPanelButton: `${N}-leftPanelButton`,
   rightPanelButton: `${N}-leftPanelButton`
-}, Ut = G("div", {
+}, Xt = G("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: N
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var a, i;
+  var i, a;
   return {
     width: "100%",
     [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${zt}px`,
+      height: `${Vt}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Gt}px`,
+      height: `${Ut}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${T.titleSlider}`]: o(o({
+    [`& .${T.titleSlider}`]: r(r({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -349,25 +350,25 @@ const Wt = ({
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(a = t == null ? void 0 : t.width) != null ? a : 0}px`
+      marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
     }), (n == null ? void 0 : n.open) && {
       transition: e.transitions.create("margin", {
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginRight: `${(i = n == null ? void 0 : n.width) != null ? i : 0}px`
+      marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
     })
   };
 });
-function Vt({
+function qt({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
-  "data-testid": a
+  "data-testid": i
 }) {
-  return /* @__PURE__ */ u(Ut, { leftPanel: t, rightPanel: n, "data-testid": a, children: [
-    /* @__PURE__ */ r("div", { className: T.topStripe }),
-    /* @__PURE__ */ r("div", { className: T.titleBar, children: /* @__PURE__ */ u(B, { className: T.titleSlider, children: [
+  return /* @__PURE__ */ u(Xt, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: T.topStripe }),
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ u(B, { className: T.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
         z,
         {
@@ -379,11 +380,11 @@ function Vt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ r(We, {})
+            /* @__PURE__ */ o(We, {})
           ]
         }
       ),
-      /* @__PURE__ */ r($, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o($, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
         z,
         {
@@ -395,14 +396,14 @@ function Vt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ r(ze, {})
+            /* @__PURE__ */ o(ze, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const Ye = 400, Xt = G(ht, {
+const Ye = 400, Yt = G(ht, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -416,9 +417,9 @@ const Ye = 400, Xt = G(ht, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: a, navBarWidthOpen: i, navBarWidthClosed: d }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: d }) => ({
     width: e,
-    "& .MuiDrawer-paper": o(o({
+    "& .MuiDrawer-paper": r(r({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -426,15 +427,15 @@ const Ye = 400, Xt = G(ht, {
       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 && {
       opacity: "50%"
-    }), n === "left" && o({
+    }), n === "left" && r({
       marginLeft: `${d}px`
-    }, a && {
-      marginLeft: `${i}px`
+    }, i && {
+      marginLeft: `${a}px`
     }))
   })
-), qt = G(B, {
+), jt = G(B, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => x(o({
+})(({ theme: e, anchor: t }) => m(r({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -452,30 +453,30 @@ const Ye = 400, Xt = G(ht, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Ie({
+function Se({
   children: e,
   anchor: t = "left",
   open: n,
-  onClose: a = () => {
+  onClose: i = () => {
   },
-  titleText: i = "",
+  titleText: a = "",
   width: d = Ye,
   showCloseArrow: c = !0,
   debugOpacity: g = !1,
   headerBoxProps: s = {},
   onOpened: l,
-  onClosed: m,
+  onClosed: x,
   "data-testid": h,
   navBarOpen: p = !1,
   navBarWidthOpen: C = 0,
   navBarWidthClosed: b = 0
 }) {
   return /* @__PURE__ */ u(
-    Xt,
+    Yt,
     {
       SlideProps: {
         onEntered: () => l == null ? void 0 : l(),
-        onExited: () => m == null ? void 0 : m()
+        onExited: () => x == null ? void 0 : x()
       },
       variant: "persistent",
       anchor: t,
@@ -487,30 +488,30 @@ function Ie({
       navBarWidthOpen: C,
       navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ r(qt, x(o({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ u(W, { children: [
-          /* @__PURE__ */ r($, { variant: "h6", color: "inherit", component: "div", children: i }),
-          c && /* @__PURE__ */ u(z, { onClick: a, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ r(ze, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(jt, m(r({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ u(L, { children: [
+          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
+          c && /* @__PURE__ */ u(z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(ze, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ u(W, { children: [
-          c && /* @__PURE__ */ u(z, { onClick: a, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ r(We, {}),
+        ] }) : /* @__PURE__ */ u(L, { children: [
+          c && /* @__PURE__ */ u(z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(We, {}),
             " "
           ] }),
-          /* @__PURE__ */ r($, { variant: "h6", color: "inherit", component: "div", children: i })
+          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const Yt = G("div", {
+const Qt = G("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var a, i;
-  return o(o({
+  var i, a;
+  return r(r({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -520,21 +521,21 @@ const Yt = G("div", {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(a = t == null ? void 0 : t.width) != null ? a : 0}px`
+    marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
   }), (n == null ? void 0 : n.open) && {
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginRight: `${(i = n == null ? void 0 : n.width) != null ? i : 0}px`
+    marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), Qt = G(Fe, {
+}), Kt = G(Fe, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
-})), ce = !1, pe = !1, j = {
+})), ue = !1, ge = !1, Q = {
   titleText: "",
   flavour: "push",
   width: Ye,
@@ -542,67 +543,67 @@ const Yt = G("div", {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ r(W, {}),
+  content: /* @__PURE__ */ o(L, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Yn({
+function Zn({
   children: e,
   titleText: t = "",
   leftPanel: n,
-  rightPanel: a,
-  sidePanelsAreMutuallyExclusive: i = !0,
+  rightPanel: i,
+  sidePanelsAreMutuallyExclusive: a = !0,
   debugOpacity: d = !1,
   pageContainerProps: c,
   pageContentDataTestId: g,
   topBarDataTestId: s,
   navBarOpen: l,
-  navBarWidthOpen: m,
+  navBarWidthOpen: x,
   navBarWidthClosed: h
 }) {
-  const [p, C] = y(ce), [b, w] = y(pe), [A, I] = y(ce), [ne, F] = y(pe), P = n !== void 0, _ = a !== void 0, {
+  const [p, C] = y(ue), [b, w] = y(ge), [A, I] = y(ue), [re, F] = y(ge), _ = n !== void 0, M = i !== void 0, {
     titleText: O,
-    content: U,
-    flavour: V,
-    open: M,
-    onChangeOpen: H,
+    content: V,
+    flavour: U,
+    open: H,
+    onChangeOpen: R,
     width: f,
     arrowButtons: v,
     startOpen: k,
     onOpened: et,
     onClosed: tt,
     dataTestId: nt
-  } = n ? o(o({}, j), n) : o({}, j), {
+  } = n ? r(r({}, Q), n) : r({}, Q), {
     titleText: ot,
     content: rt,
-    flavour: fe,
-    open: oe,
-    onChangeOpen: ve,
-    width: re,
+    flavour: ve,
+    open: ie,
+    onChangeOpen: me,
+    width: ae,
     arrowButtons: X,
     startOpen: q,
-    onOpened: at,
-    onClosed: it,
+    onOpened: it,
+    onClosed: at,
     dataTestId: st
-  } = a ? o(o({}, j), a) : o({}, j);
+  } = i ? r(r({}, Q), i) : r({}, Q);
   Z(() => {
-    k !== ce && (C(k), I(k));
+    k !== ue && (C(k), I(k));
   }, [k]), Z(() => {
-    q !== pe && (w(q), F(q));
+    q !== ge && (w(q), F(q));
   }, [q]);
-  const ae = M === void 0 ? p : M, ie = oe === void 0 ? b : oe, xe = (S) => {
-    M === void 0 && (C(S), i && _ && (S ? (w(!1), F(b)) : w(ne))), H && H(S);
-  }, me = (S) => {
-    oe === void 0 && (w(S), i && P && (S ? (C(!1), I(p)) : C(A))), ve && ve(S);
+  const se = H === void 0 ? p : H, le = ie === void 0 ? b : ie, xe = (S) => {
+    H === void 0 && (C(S), a && M && (S ? (w(!1), F(b)) : w(re))), R && R(S);
+  }, Ce = (S) => {
+    ie === void 0 && (w(S), a && _ && (S ? (C(!1), I(p)) : C(A))), me && me(S);
   };
   return /* @__PURE__ */ u(B, { children: [
-    P && /* @__PURE__ */ r(
-      Ie,
+    _ && /* @__PURE__ */ o(
+      Se,
       {
         "data-testid": nt,
         anchor: "left",
-        open: ae,
+        open: se,
         onClose: () => xe(!1),
         width: f,
         titleText: O,
@@ -611,116 +612,116 @@ function Yn({
         onOpened: et,
         onClosed: tt,
         navBarOpen: l,
-        navBarWidthOpen: m,
+        navBarWidthOpen: x,
         navBarWidthClosed: h,
-        children: U
+        children: V
       }
     ),
-    _ && /* @__PURE__ */ r(
-      Ie,
+    M && /* @__PURE__ */ o(
+      Se,
       {
         "data-testid": st,
         anchor: "right",
-        open: ie,
-        onClose: () => me(!1),
-        width: re,
+        open: le,
+        onClose: () => Ce(!1),
+        width: ae,
         titleText: ot,
         debugOpacity: d,
         showCloseArrow: X === "both" || X === "close",
-        onOpened: at,
-        onClosed: it,
+        onOpened: it,
+        onClosed: at,
         navBarOpen: l,
-        navBarWidthOpen: m,
+        navBarWidthOpen: x,
         navBarWidthClosed: h,
         children: rt
       }
     ),
-    /* @__PURE__ */ r(
-      Vt,
-      o(o({
+    /* @__PURE__ */ o(
+      qt,
+      r(r({
         titleText: t,
         "data-testid": s
-      }, P && V === "push" ? {
+      }, _ && U === "push" ? {
         leftPanel: {
-          open: ae,
+          open: se,
           width: f,
           onOpen: () => xe(!0),
           showOpenArrow: v === "both" || v === "open"
         }
-      } : {}), _ && fe === "push" ? {
+      } : {}), M && ve === "push" ? {
         rightPanel: {
-          open: ie,
-          width: re,
-          onOpen: () => me(!0),
+          open: le,
+          width: ae,
+          onOpen: () => Ce(!0),
           showOpenArrow: X === "both" || X === "open"
         }
       } : {})
     ),
-    /* @__PURE__ */ r(
-      Yt,
-      x(o(o({}, V === "push" ? {
+    /* @__PURE__ */ o(
+      Qt,
+      m(r(r({}, U === "push" ? {
         leftPanel: {
-          open: ae,
+          open: se,
           width: f
         }
-      } : {}), fe === "push" ? {
+      } : {}), ve === "push" ? {
         rightPanel: {
-          open: ie,
-          width: re
+          open: le,
+          width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ r(Qt, x(o({ "data-testid": g }, c), { children: e }))
+        children: /* @__PURE__ */ o(Kt, m(r({ "data-testid": g }, c), { children: e }))
       })
     )
   ] });
 }
-const jt = 64, Kt = 64, Jt = 256, Zt = {
+const Jt = 64, Zt = 64, en = 256, tn = {
   navBarOpen: !0,
   titleText: "",
-  navBarWidthOpen: Jt,
-  navBarWidthClosed: Kt,
-  topBarHeight: jt,
+  navBarWidthOpen: en,
+  navBarWidthClosed: Zt,
+  topBarHeight: Jt,
   navBarTop: void 0
 };
-function en(e, t) {
+function nn(e, t) {
   switch (t.type) {
     case "toggleNavBarOpen":
-      return x(o({}, e), {
+      return m(r({}, e), {
         navBarOpen: !e.navBarOpen
       });
     case "setNavBarOpen":
-      return x(o({}, e), {
+      return m(r({}, e), {
         navBarOpen: t.payload
       });
     case "setTitleText":
-      return x(o({}, e), {
+      return m(r({}, e), {
         titleText: t.payload
       });
     case "setNavBarWidthOpen":
-      return x(o({}, e), {
+      return m(r({}, e), {
         navBarWidthOpen: t.payload
       });
     case "setTopBarHeight":
-      return x(o({}, e), {
+      return m(r({}, e), {
         topBarHeight: t.payload
       });
     case "setNavBarTop":
-      return x(o({}, e), {
+      return m(r({}, e), {
         navBarTop: t.payload
       });
     default:
       throw new Error("Invalid action.type");
   }
 }
-const Qe = ue(null), tn = {}, nn = {}, on = ({
-  overrideState: e = tn,
-  overrideActions: t = nn,
+const je = he(null), on = {}, rn = {}, an = ({
+  overrideState: e = on,
+  overrideActions: t = rn,
   children: n
 }) => {
   const [
-    { titleText: a, topBarHeight: i, navBarOpen: d, navBarWidthOpen: c, navBarWidthClosed: g, navBarTop: s },
+    { titleText: i, topBarHeight: a, navBarOpen: d, navBarWidthOpen: c, navBarWidthClosed: g, navBarTop: s },
     l
-  ] = pt(en, Zt), m = ut(
+  ] = pt(nn, tn), x = ut(
     () => ({
       toggleNavBarOpen: () => l({ type: "toggleNavBarOpen" }),
       setNavBarOpen: (p) => l({ type: "setNavBarOpen", payload: p }),
@@ -732,26 +733,26 @@ const Qe = ue(null), tn = {}, nn = {}, on = ({
       clearNavBarTop: () => l({ type: "setNavBarTop", payload: void 0 })
     }),
     []
-  ), h = o(o(o({
+  ), h = r(r(r({
     navBarOpen: d,
     navBarWidthOpen: c,
     navBarWidthClosed: g,
-    titleText: a,
-    topBarHeight: i,
+    titleText: i,
+    topBarHeight: a,
     navBarTop: s
-  }, m), e), t);
-  return /* @__PURE__ */ r(Qe.Provider, { value: h, children: n });
-}, je = () => {
-  const e = ge(Qe);
+  }, x), e), t);
+  return /* @__PURE__ */ o(je.Provider, { value: h, children: n });
+}, Qe = () => {
+  const e = fe(je);
   if (e === null)
-    throw new te("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");
+    throw new ne("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");
   return e;
-}, rn = "TopBar", an = {
-  titleText: `${rn}-titleText`
+}, sn = "TopBar", ln = {
+  titleText: `${sn}-titleText`
 };
-function sn({ titleText: e = "", height: t, "data-testid": n }) {
-  const { toggleNavBarOpen: a } = je();
-  return /* @__PURE__ */ r("header", { "data-testid": n, children: /* @__PURE__ */ u(
+function dn({ titleText: e = "", height: t, "data-testid": n }) {
+  const { toggleNavBarOpen: i } = Qe();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
     ee,
     {
       square: !0,
@@ -768,13 +769,13 @@ function sn({ titleText: e = "", height: t, "data-testid": n }) {
         height: t
       },
       children: [
-        /* @__PURE__ */ r(z, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: a, children: /* @__PURE__ */ r(St, { fontSize: "medium" }) }),
-        /* @__PURE__ */ r($, { className: an.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(z, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: i, children: /* @__PURE__ */ o(St, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o($, { className: ln.titleText, variant: "h6", children: e })
       ]
     }
   ) });
 }
-const K = "Navbar", R = {
+const K = "Navbar", W = {
   root: `${K}-root`,
   menuButton: `${K}-menuButton`,
   hide: `${K}-hide`,
@@ -782,17 +783,17 @@ const K = "Navbar", R = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, ln = L("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${R.root}`]: {
+}, cn = P("div", { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${W.root}`]: {
     display: "flex"
   },
-  [`& .${R.menuButton}`]: {
+  [`& .${W.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${R.hide}`]: {
+  [`& .${W.hide}`]: {
     display: "none"
   },
-  [`& .${R.content}`]: {
+  [`& .${W.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -802,78 +803,78 @@ const K = "Navbar", R = {
   //   marginBottom: '16px',
   // },
 })), Ke = (e, t) => {
-  var n, a;
+  var n, i;
   return {
     height: `calc(100vh - ${t})`,
     top: t,
     overflowX: "hidden",
     overflowY: "hidden",
     color: "inherit",
-    backgroundColor: (a = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? a : "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
   };
-}, Se = (e, t, n) => o({
+}, De = (e, t, n) => r({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   })
-}, Ke(e, n)), De = (e, t, n) => o({
+}, Ke(e, n)), Ne = (e, t, n) => r({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, Ke(e, n)), dn = L(Me, {
+}, Ke(e, n)), pn = P(He, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: a, offsetTop: i }) => o(o({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && x(o({}, Se(e, n, i)), {
-  "& .MuiDrawer-paper": Se(e, n, i)
-})), !t && x(o({}, De(e, a, i)), {
-  "& .MuiDrawer-paper": De(e, a, i)
+}, t && m(r({}, De(e, n, a)), {
+  "& .MuiDrawer-paper": De(e, n, a)
+})), !t && m(r({}, Ne(e, i, a)), {
+  "& .MuiDrawer-paper": Ne(e, i, a)
 })));
-function cn({ links: e }) {
-  return /* @__PURE__ */ r("div", { children: "LinksMenu not implemented yet" });
+function un({ links: e }) {
+  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function pn({
+function gn({
   open: e,
   offsetTop: t = 0,
   widthOpen: n,
-  widthClosed: a,
-  "data-testid": i,
+  widthClosed: i,
+  "data-testid": a,
   top: d,
   middle: c,
   bottom: g
 }) {
-  return /* @__PURE__ */ r(ln, { className: R.root, "data-testid": i, children: /* @__PURE__ */ r(
-    dn,
+  return /* @__PURE__ */ o(cn, { className: W.root, "data-testid": a, children: /* @__PURE__ */ o(
+    pn,
     {
       variant: "permanent",
       anchor: "left",
       open: e,
       widthOpen: n,
-      widthClosed: a,
+      widthClosed: i,
       offsetTop: t,
       children: /* @__PURE__ */ u(B, { component: "nav", sx: {}, children: [
         d && /* @__PURE__ */ u(B, { sx: { flexGrow: 1 }, children: [
           d,
-          /* @__PURE__ */ r(be, { variant: "middle" })
+          /* @__PURE__ */ o(Oe, { variant: "middle" })
         ] }),
-        Array.isArray(c) ? /* @__PURE__ */ r(cn, { links: c }) : c,
+        Array.isArray(c) ? /* @__PURE__ */ o(un, { links: c }) : c,
         g && /* @__PURE__ */ u(B, { sx: {}, children: [
-          /* @__PURE__ */ r(be, { variant: "middle" }),
+          /* @__PURE__ */ o(Oe, { variant: "middle" }),
           g
         ] })
       ] })
     }
   ) });
 }
-function un({ children: e, topBarHeight: t }) {
-  return /* @__PURE__ */ r(
+function hn({ children: e, topBarHeight: t }) {
+  return /* @__PURE__ */ o(
     B,
     {
       sx: {
@@ -883,7 +884,7 @@ function un({ children: e, topBarHeight: t }) {
         // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ o(
         Fe,
         {
           component: "main",
@@ -895,12 +896,12 @@ function un({ children: e, topBarHeight: t }) {
     }
   );
 }
-function gn({
+function fn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
-  pageContainerProps: a,
-  pageContentDataTestId: i,
+  pageContainerProps: i,
+  pageContentDataTestId: a,
   topBarDataTestId: d,
   navBarDataTestId: c,
   navBarMiddle: g
@@ -908,105 +909,105 @@ function gn({
   const {
     navBarOpen: s,
     setNavBarOpen: l,
-    titleText: m,
+    titleText: x,
     setTitleText: h,
     topBarHeight: p,
     navBarWidthOpen: C,
     navBarWidthClosed: b,
     navBarTop: w
-  } = je();
+  } = Qe();
   return Z(() => {
     t !== void 0 && h(t);
   }, [t, h]), Z(() => {
     console.log(n), n !== void 0 && l(n);
   }, [n, l]), /* @__PURE__ */ u(B, { children: [
-    /* @__PURE__ */ r(ft, {}),
-    /* @__PURE__ */ r(sn, { titleText: m, "data-testid": d, height: p }),
+    /* @__PURE__ */ o(ft, {}),
+    /* @__PURE__ */ o(dn, { titleText: x, "data-testid": d, height: p }),
     /* @__PURE__ */ u(B, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ r(
-        pn,
+      /* @__PURE__ */ o(
+        gn,
         {
           open: s,
           top: w,
           middle: g,
-          bottom: s ? /* @__PURE__ */ r(B, { sx: { padding: 2 }, children: /* @__PURE__ */ r(ee, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "Placeholder for standard user settings, domain selector etc. It should be at the very bottom, but WIP" }) }) : /* @__PURE__ */ r(B, { sx: { paddingTop: 2 }, children: /* @__PURE__ */ r(ee, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "WIP" }) }),
+          bottom: s ? /* @__PURE__ */ o(B, { sx: { padding: 2 }, children: /* @__PURE__ */ o(ee, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "Placeholder for standard user settings, domain selector etc. It should be at the very bottom, but WIP" }) }) : /* @__PURE__ */ o(B, { sx: { paddingTop: 2 }, children: /* @__PURE__ */ o(ee, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "WIP" }) }),
           widthOpen: C,
           widthClosed: b,
           offsetTop: p,
           "data-testid": c
         }
       ),
-      /* @__PURE__ */ r(
-        un,
-        x(o({
-          "data-testid": i,
+      /* @__PURE__ */ o(
+        hn,
+        m(r({
+          "data-testid": a,
           topBarHeight: p
-        }, a), {
+        }, i), {
           children: e
         })
       )
     ] })
   ] });
 }
-function Qn(e) {
-  return /* @__PURE__ */ r(on, { children: /* @__PURE__ */ r(gn, o({}, e)) });
+function eo(e) {
+  return /* @__PURE__ */ o(an, { children: /* @__PURE__ */ o(fn, r({}, e)) });
 }
-const hn = {
+const vn = {
   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
-}, fn = {
+}, mn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ne = {
+}, $e = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, $e = 100, ke = 2e3, vn = 2e3, xn = (() => {
+}, ke = 100, Ee = 2e3, xn = 2e3, Cn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), mn = {
+})(), wn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Cn = {}, wn = {}, Je = ue(null);
-function Tn(d) {
+}, Tn = {}, Bn = {}, Je = he(null);
+function bn(d) {
   var c = d, {
-    overrideState: e = Cn,
-    overrideActions: t = wn,
-    shouldClose: n = fn.shouldClose,
-    children: a
-  } = c, i = Te(c, [
+    overrideState: e = Tn,
+    overrideActions: t = Bn,
+    shouldClose: n = mn.shouldClose,
+    children: i
+  } = c, a = Be(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var H;
-  const [{ open: g }, s] = y({ open: !1 }), l = le([]), m = le(Date.now()), h = le(0), p = J((f) => {
+  var R;
+  const [{ open: g }, s] = y({ open: !1 }), l = ce([]), x = ce(Date.now()), h = ce(0), p = J((f) => {
     s({ open: f });
   }, []), C = J((f = {}) => {
-    h.current += 1, l.current.length >= $e && Date.now() - m.current >= ke && (m.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${$e}) hit ${h.current} times in last ${ke}ms)`
+    h.current += 1, l.current.length >= ke && Date.now() - x.current >= Ee && (x.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${ke}) hit ${h.current} times in last ${Ee}ms)`
     ), h.current = 0);
-    const v = o(x(o({}, Ne), {
-      key: xn()
+    const v = r(m(r({}, $e), {
+      key: Cn()
     }), f);
     return l.current.push(v), l.current.length === 1 && s({ open: !0 }), v.key;
-  }, []), b = (f = "", v = {}) => C(o({ message: f, severity: "success" }, v)), w = (f = "", v = {}) => C(o({ message: f, severity: "info" }, v)), A = (f = "", v = {}) => C(o({ message: f, severity: "warning" }, v)), I = (f = "", v = {}) => C(o({ message: f, severity: "error" }, v)), ne = (f) => {
+  }, []), b = (f = "", v = {}) => C(r({ message: f, severity: "success" }, v)), w = (f = "", v = {}) => C(r({ message: f, severity: "info" }, v)), A = (f = "", v = {}) => C(r({ message: f, severity: "warning" }, v)), I = (f = "", v = {}) => C(r({ message: f, severity: "error" }, v)), re = (f) => {
     const v = l.current.findIndex((k) => k.key === f);
     if (v !== -1)
       return v === 0 ? (s({ open: !1 }), l.current[0]) : l.current.splice(v, 1);
   }, F = (f, v) => {
     n(f, v) && s({ open: !1 });
-  }, P = () => {
   }, _ = () => {
+  }, M = () => {
     l.current.shift(), l.current.length > 0 && s({ open: !0 });
-  }, O = (H = l.current[0]) != null ? H : o({}, Ne), U = {};
-  "autoHideDuration" in O && (U.autoHideDuration = O.autoHideDuration);
-  const V = o(o({}, hn), i), M = o(o({
+  }, O = (R = l.current[0]) != null ? R : r({}, $e), V = {};
+  "autoHideDuration" in O && (V.autoHideDuration = O.autoHideDuration);
+  const U = r(r({}, vn), a), H = r(r({
     open: g,
     setOpen: p,
     enqueueNotification: C,
@@ -1014,59 +1015,59 @@ function Tn(d) {
     enqueueInfoNotification: w,
     enqueueWarningNotification: A,
     enqueueErrorNotification: I,
-    removeNotification: ne
+    removeNotification: re
   }, e), t);
-  return /* @__PURE__ */ u(Je.Provider, { value: M, children: [
-    a,
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ u(Je.Provider, { value: H, children: [
+    i,
+    /* @__PURE__ */ o(
       vt,
-      x(o(o({}, V), U), {
+      m(r(r({}, U), V), {
         open: g,
         onClose: F,
         TransitionProps: {
-          onExited: _,
-          onExit: P
+          onExited: M,
+          onExit: _
         },
-        sx: { zIndex: vn },
+        sx: { zIndex: xn },
         children: /* @__PURE__ */ u("div", { children: [
-          /* @__PURE__ */ r(
-            xt,
+          /* @__PURE__ */ o(
+            mt,
             {
               onClose: (f) => F(f, "closeAlert"),
               severity: O.severity,
               variant: "filled",
-              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ r(Pe, { size: "1em" }) : void 0,
-              style: O.progressIndicator === "linear" ? mn : void 0,
+              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(_e, { size: "1em" }) : void 0,
+              style: O.progressIndicator === "linear" ? wn : void 0,
               children: O.message
             }
           ),
-          O.progressIndicator === "linear" && /* @__PURE__ */ r(mt, { color: "primary" })
+          O.progressIndicator === "linear" && /* @__PURE__ */ o(xt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Bn() {
-  const e = ge(Je);
+function On() {
+  const e = fe(Je);
   if (e === null)
-    throw new te("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ne("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const jn = He(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: a }) => /* @__PURE__ */ r(Tn, x(o({}, e), { overrideState: t, overrideActions: n, children: a }))
+const to = te(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(bn, m(r({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), Ze = "domainCode";
-var Le;
-const Ee = Ge(
-  (Le = localStorage.getItem(Ze)) != null ? Le : ""
-), he = Ge(
-  (e) => e(Ee),
+var Pe;
+const Le = Ge(
+  (Pe = localStorage.getItem(Ze)) != null ? Pe : ""
+), oe = Ge(
+  (e) => e(Le),
   (e, t, n) => {
-    t(Ee, n), localStorage.setItem(Ze, n);
+    t(Le, n), localStorage.setItem(Ze, n);
   }
-), bn = () => {
-  const [e, t] = Dt(he);
+), yn = () => {
+  const [e, t] = Dt(oe);
   return [e, t, () => t("")];
-}, Kn = () => Nt(he), Jn = () => $t(he), On = {
+}, no = () => Nt(oe), oo = () => $t(oe), An = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1078,25 +1079,25 @@ const Ee = Ge(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, yn = (e) => {
+}, In = (e) => {
   var t;
-  return e === null ? "N/A" : (t = On[e]) != null ? t : "";
-}, Zn = ({
+  return e === null ? "N/A" : (t = An[e]) != null ? t : "";
+}, ro = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
-  domainOptions: a,
-  applicationName: i,
+  domainOptions: i,
+  applicationName: a,
   handleLogout: d
 }) => {
-  const [c, g] = bn(), [s, l] = y(c), { enqueueSuccessNotification: m } = Bn(), h = a.length === 0, p = !!c && !a.includes(c) && !!s && !a.includes(s), C = () => Q(void 0, null, function* () {
-    s ? (g(s), m(`Set domain to ${s}`), n()) : g("");
-  }), b = () => Q(void 0, null, function* () {
+  const [c, g] = yn(), [s, l] = y(c), { enqueueSuccessNotification: x } = On(), h = i.length === 0, p = !!c && !i.includes(c) && !!s && !i.includes(s), C = () => j(void 0, null, function* () {
+    s ? (g(s), x(`Set domain to ${s}`), n()) : g("");
+  }), b = () => j(void 0, null, function* () {
     c && !h && !p ? (l(c), n()) : (!c || h || p) && d();
   });
   let w;
   return h ? w = "Unable to retrieve your active organisations. Try logging in again." : p && (w = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
-    Wt,
+    Gt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1113,10 +1114,10 @@ const Ee = Ge(
       children: [
         /* @__PURE__ */ u($, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          i,
+          a,
           "."
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           Ct,
           {
             loading: e,
@@ -1124,16 +1125,16 @@ const Ee = Ge(
             disableClearable: !1,
             value: s,
             onChange: (A, I) => l(I != null ? I : ""),
-            getOptionLabel: yn,
-            options: a,
-            renderInput: (A) => /* @__PURE__ */ r(
+            getOptionLabel: In,
+            options: [...i, ""],
+            renderInput: (A) => /* @__PURE__ */ o(
               wt,
-              x(o({}, A), {
+              m(r({}, A), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: x(o({}, A.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(W, { children: [
-                    e ? /* @__PURE__ */ r(Pe, { color: "inherit", size: 20 }) : null,
+                InputProps: m(r({}, A.InputProps), {
+                  endAdornment: /* @__PURE__ */ u(L, { children: [
+                    e ? /* @__PURE__ */ o(_e, { color: "inherit", size: 20 }) : null,
                     A.InputProps.endAdornment
                   ] })
                 })
@@ -1141,11 +1142,11 @@ const Ee = Ge(
             )
           }
         ),
-        w && /* @__PURE__ */ r(Tt, { error: !0, children: w })
+        w && /* @__PURE__ */ o(Tt, { error: !0, children: w })
       ]
     }
   );
-}, eo = _e({
+}, io = Me({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1196,7 +1197,7 @@ const Ee = Ge(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), to = _e({
+}), ao = Me({
   palette: {
     primary: {
       main: "#007236",
@@ -1250,18 +1251,18 @@ const Ee = Ge(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: de(
+            backgroundColor: pe(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: de(
+              backgroundColor: pe(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: de(
+              backgroundColor: pe(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1287,34 +1288,54 @@ const Ee = Ge(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-});
+}), Sn = {
+  domainCode: oe
+}, so = te(() => ({ children: e }) => /* @__PURE__ */ o(kt, { children: e })), Dn = ({
+  initialValues: e,
+  children: t
+}) => (Et(e), /* @__PURE__ */ o(L, { children: t })), lo = te((e) => ({ children: t }) => /* @__PURE__ */ o(
+  Dn,
+  {
+    initialValues: Object.entries(e).map(
+      ([n, i]) => [
+        Sn[n],
+        i
+      ]
+    ),
+    children: t
+  }
+));
 export {
-  Wt as AgDialog,
-  Qn as AppLayout,
-  on as AppLayoutProvider,
+  Gt as AgDialog,
+  eo as AppLayout,
+  an as AppLayoutProvider,
   Je as Context,
-  te as ContextError,
-  Zn as DomainCodeDialog,
-  Gn as ExampleComponent,
-  Ve as NAVBAR_WIDTH_CLOSED,
-  Ue as NAVBAR_WIDTH_OPENED,
-  qn as NavBar,
-  Vn as NavBarDarkStyledList,
-  Xn as NavBarLightStyledList,
-  Mt as NavBarProvider,
-  Yn as PageLayout,
-  Tn as SaladBarProvider,
-  Rt as buildNavBarState,
-  eo as fed21Theme,
-  to as internalAgSystemsTheme,
+  ne as ContextError,
+  ro as DomainCodeDialog,
+  Yn as ExampleComponent,
+  Dn as HydrateAtoms,
+  Ue as NAVBAR_WIDTH_CLOSED,
+  Ve as NAVBAR_WIDTH_OPENED,
+  Jn as NavBar,
+  Qn as NavBarDarkStyledList,
+  Kn as NavBarLightStyledList,
+  Rt as NavBarProvider,
+  Zn as PageLayout,
+  bn as SaladBarProvider,
+  zt as buildNavBarState,
+  oe as domainCodeAtomWithPersistence,
+  io as fed21Theme,
+  ao as internalAgSystemsTheme,
   E as navBarClasses,
-  je as useAppLayout,
-  bn as useDomainCode,
-  Kn as useDomainCodeValue,
-  Ht as useNavBar,
-  Bn as useSaladBar,
-  Jn as useSetDomainCode,
-  Un as withNavBarProvider,
-  jn as withSaladBarProvider
+  Qe as useAppLayout,
+  yn as useDomainCode,
+  no as useDomainCodeValue,
+  Wt as useNavBar,
+  On as useSaladBar,
+  oo as useSetDomainCode,
+  so as withAtomProvider,
+  lo as withDefaultValue,
+  jn as withNavBarProvider,
+  to as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map