@australiangreens/ag-internal-components 0.0.52 → 0.0.54-experiment1

package/dist/esm/index.js

@@ -1,26 +1,26 @@
 var Ce = Object.defineProperty, we = Object.defineProperties;
 var be = Object.getOwnPropertyDescriptors;
-var J = Object.getOwnPropertySymbols;
-var bt = Object.prototype.hasOwnProperty, At = Object.prototype.propertyIsEnumerable;
-var ct = (t, e, n) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, r = (t, e) => {
+var Y = Object.getOwnPropertySymbols;
+var At = Object.prototype.hasOwnProperty, St = Object.prototype.propertyIsEnumerable;
+var dt = (t, e, n) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, r = (t, e) => {
   for (var n in e || (e = {}))
-    bt.call(e, n) && ct(t, n, e[n]);
-  if (J)
-    for (var n of J(e))
-      At.call(e, n) && ct(t, n, e[n]);
+    At.call(e, n) && dt(t, n, e[n]);
+  if (Y)
+    for (var n of Y(e))
+      St.call(e, n) && dt(t, n, e[n]);
   return t;
-}, C = (t, e) => we(t, be(e));
-var St = (t, e) => {
+}, w = (t, e) => we(t, be(e));
+var Tt = (t, e) => {
   var n = {};
   for (var i in t)
-    bt.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
-  if (t != null && J)
-    for (var i of J(t))
-      e.indexOf(i) < 0 && At.call(t, i) && (n[i] = t[i]);
+    At.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
+  if (t != null && Y)
+    for (var i of Y(t))
+      e.indexOf(i) < 0 && St.call(t, i) && (n[i] = t[i]);
   return n;
 };
-var Tt = (t, e, n) => (ct(t, typeof e != "symbol" ? e + "" : e, n), n);
-var K = (t, e, n) => new Promise((i, a) => {
+var It = (t, e, n) => (dt(t, typeof e != "symbol" ? e + "" : e, n), n);
+var J = (t, e, n) => new Promise((i, a) => {
   var l = (s) => {
     try {
       u(n.next(s));
@@ -37,23 +37,22 @@ var K = (t, e, n) => new Promise((i, a) => {
   u((n = n.apply(t, e)).next());
 });
 import { jsxs as c, Fragment as k, jsx as o } from "react/jsx-runtime";
-import { useState as B, createContext as Rt, useCallback as ot, useContext as Wt, useEffect as it, useRef as pt } from "react";
-import { Typography as $, Button as Ae, Paper as zt, styled as X, Box as b, IconButton as V, Drawer as Se, Container as Ut, Avatar as Z, Skeleton as It, Divider as Ot, CssBaseline as Te, Snackbar as Ie, Alert as Oe, CircularProgress as Gt, LinearProgress as De, Autocomplete as Be, TextField as $e, FormHelperText as ke } from "@mui/material";
-import Ne from "@mui/material/CssBaseline";
-import { styled as _, createTheme as Vt, alpha as ut } from "@mui/material/styles";
-import Xt from "@mui/material/Drawer";
-import { AgError as Ee } from "@australiangreens/ag-error";
-import { createHelper as rt } from "souvlaki";
+import { useState as B, createContext as Wt, useCallback as nt, useContext as zt, useEffect as ot, useRef as ct } from "react";
+import { Typography as $, Button as Ae, Paper as Ut, Box as v, Drawer as gt, styled as ft, IconButton as V, Container as Gt, Avatar as K, Skeleton as Ot, Divider as Dt, CssBaseline as Se, Snackbar as Te, Alert as Ie, CircularProgress as Vt, LinearProgress as Oe, Autocomplete as De, TextField as Be, FormHelperText as $e } from "@mui/material";
+import ke from "@mui/material/CssBaseline";
+import { styled as N, createTheme as Xt, alpha as pt } from "@mui/material/styles";
+import { AgError as Ne } from "@australiangreens/ag-error";
+import { createHelper as it } from "souvlaki";
 import qt from "@mui/material/List";
-import Dt from "@mui/material/Button";
-import Fe from "@mui/material/Dialog";
-import Pe from "@mui/material/DialogActions";
-import Le from "@mui/material/DialogContent";
-import ye from "@mui/material/DialogTitle";
-import { ArrowForward as jt, ArrowBack as Qt, ViewHeadline as Me } from "@mui/icons-material";
-import { atom as N, useSetAtom as _e, useAtom as P, getDefaultStore as He, Provider as Yt } from "jotai";
-import { useHydrateAtoms as Re } from "jotai/utils";
-function Yn({ text: t }) {
+import Bt from "@mui/material/Button";
+import Ee from "@mui/material/Dialog";
+import Fe from "@mui/material/DialogActions";
+import Pe from "@mui/material/DialogContent";
+import Le from "@mui/material/DialogTitle";
+import { ArrowForward as jt, ArrowBack as Qt, ViewHeadline as ye } from "@mui/icons-material";
+import { atom as E, useSetAtom as Me, useAtom as L, getDefaultStore as _e, Provider as Yt } from "jotai";
+import { useHydrateAtoms as He } from "jotai/utils";
+function jn({ text: t }) {
   const [e, n] = B(0);
   return /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
@@ -71,35 +70,37 @@ function Yn({ text: t }) {
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: t })
     ] }),
-    /* @__PURE__ */ c(zt, { children: [
+    /* @__PURE__ */ c(Ut, { children: [
       "This number will incremember when button pressed: ",
       e
     ] })
   ] });
 }
-const Jt = 330, Kt = 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`
-}, We = _("div", { name: "NavBar" })(({ theme: t }) => ({
-  [`&.${M.root}`]: {
+const Jt = 330, Kt = 73, P = "Navbar", _ = {
+  root: `${P}-root`,
+  menuButton: `${P}-menuButton`,
+  hide: `${P}-hide`,
+  content: `${P}-content`,
+  userInfoHolder: `${P}-userInfoHolder`,
+  settings: `${P}-settings`,
+  pieChartIcon: `${P}-pieChartIcon`
+}, Re = N(v, {
+  name: "NavBar"
+})(({ theme: t }) => ({
+  [`&.${_.root}`]: {
     display: "flex"
   },
-  [`& .${M.menuButton}`]: {
+  [`& .${_.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${M.hide}`]: {
+  [`& .${_.hide}`]: {
     display: "none"
   },
-  [`& .${M.content}`]: {
+  [`& .${_.content}`]: {
     flexGrow: 1,
     padding: t.spacing(3)
   },
-  [`& .${M.userInfoHolder}`]: {
+  [`& .${_.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
@@ -112,11 +113,11 @@ const Jt = 330, Kt = 73, F = "Navbar", M = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), ze = () => r({
+}), We = () => r({
   width: Jt
-}, Zt()), Ue = () => r({
+}, Zt()), ze = () => r({
   width: Kt
-}, Zt()), Ge = _(Xt, {
+}, Zt()), Ue = N(gt, {
   shouldForwardProp: (t) => t !== "open"
 })(({ theme: t, open: e }) => r(r({
   width: e ? Jt : Kt,
@@ -125,38 +126,38 @@ const Jt = 330, Kt = 73, F = "Navbar", M = {
   boxSizing: "border-box",
   zIndex: t.zIndex.drawer + 100
 }, e && {
-  "& .MuiDrawer-paper": ze()
+  "& .MuiDrawer-paper": We()
 }), !e && {
-  "& .MuiDrawer-paper": Ue()
+  "& .MuiDrawer-paper": ze()
 }));
-class ft extends Ee {
+class mt extends Ne {
 }
-Tt(ft, "errorName", "ContextError");
-const te = Rt(null), Ve = {}, Xe = {}, qe = ({
-  overrideState: t = Ve,
-  overrideActions: e = Xe,
+It(mt, "errorName", "ContextError");
+const te = Wt(null), Ge = {}, Ve = {}, Xe = ({
+  overrideState: t = Ge,
+  overrideActions: e = Ve,
   children: n
 }) => {
-  const [{ open: i }, a] = B({ open: !0 }), l = ot((s) => {
+  const [{ open: i }, a] = B({ open: !0 }), l = nt((s) => {
     a({ open: s });
-  }, []), p = ot(() => {
-    a((s) => C(r({}, s), { open: !s.open }));
+  }, []), p = nt(() => {
+    a((s) => w(r({}, s), { open: !s.open }));
   }, []), u = r(r({
     open: i,
     setOpen: l,
     toggleOpen: p
   }, t), e);
   return /* @__PURE__ */ o(te.Provider, { value: u, children: n });
-}, je = () => {
-  const t = Wt(te);
+}, qe = () => {
+  const t = zt(te);
   if (t === null)
-    throw new ft("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new mt("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return t;
-}, Qe = (t = {}) => r({
+}, je = (t = {}) => r({
   open: !0
-}, t), Jn = rt(
-  (t = Qe(), e = {}) => ({ children: n }) => /* @__PURE__ */ o(qe, { overrideState: t, overrideActions: e, children: n })
-), Bt = 7, Kn = _(qt)(({ theme: t }) => ({
+}, t), Qn = it(
+  (t = je(), e = {}) => ({ children: n }) => /* @__PURE__ */ o(Xe, { overrideState: t, overrideActions: e, children: n })
+), $t = 7, Yn = N(qt)(({ theme: t }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -165,7 +166,7 @@ const te = Rt(null), Ve = {}, Xe = {}, qe = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Bt}px`
+      padding: `${$t}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -176,7 +177,7 @@ const te = Rt(null), Ve = {}, Xe = {}, qe = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: t.palette.primary.main,
-      paddingLeft: `calc(${t.spacing(2)} - ${Bt}px)`
+      paddingLeft: `calc(${t.spacing(2)} - ${$t}px)`
     },
     // Hover state
     "&:hover": {
@@ -194,7 +195,7 @@ const te = Rt(null), Ve = {}, Xe = {}, qe = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), $t = 7, Zn = _(qt)(({ theme: t }) => ({
+})), kt = 7, Jn = N(qt)(({ theme: t }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -203,7 +204,7 @@ const te = Rt(null), Ve = {}, Xe = {}, qe = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${$t}px`
+      padding: `${kt}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -214,7 +215,7 @@ const te = Rt(null), Ve = {}, Xe = {}, qe = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: t.palette.primary.main,
-      paddingLeft: `calc(${t.spacing(2)} - ${$t}px)`
+      paddingLeft: `calc(${t.spacing(2)} - ${kt}px)`
     },
     // Hover state
     "&:hover": {
@@ -233,15 +234,15 @@ const te = Rt(null), Ve = {}, Xe = {}, qe = ({
     // },
   }
 }));
-function to({
+function Kn({
   "data-testid": t,
   children: e
 }) {
-  const { open: n } = je();
-  return /* @__PURE__ */ c(We, { className: M.root, "data-testid": t, children: [
-    /* @__PURE__ */ o(Ne, {}),
+  const { open: n } = qe();
+  return /* @__PURE__ */ c(Re, { className: _.root, "data-testid": t, children: [
+    /* @__PURE__ */ o(ke, {}),
     /* @__PURE__ */ o(
-      Ge,
+      Ue,
       {
         variant: "permanent",
         anchor: "left",
@@ -252,7 +253,7 @@ function to({
     )
   ] });
 }
-const Ye = ({
+const Qe = ({
   isOpen: t,
   dialogTitle: e,
   children: n,
@@ -261,10 +262,10 @@ const Ye = ({
   secondaryButton: l,
   onClose: p
 }) => {
-  var d, v;
+  var d, x;
   const [u, s] = B(!1);
   return /* @__PURE__ */ c(
-    Fe,
+    Ee,
     {
       open: t,
       onClose: () => {
@@ -273,23 +274,23 @@ const Ye = ({
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       children: [
-        /* @__PURE__ */ o(ye, { children: e }),
-        /* @__PURE__ */ o(Le, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ c(Pe, { children: [
+        /* @__PURE__ */ o(Le, { children: e }),
+        /* @__PURE__ */ o(Pe, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ c(Fe, { children: [
           /* @__PURE__ */ o(
-            Dt,
+            Bt,
             {
               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: (v = l == null ? void 0 : l.text) != null ? v : "Cancel"
+              children: (x = l == null ? void 0 : l.text) != null ? x : "Cancel"
             }
           ),
           a && /* @__PURE__ */ o(
-            Dt,
+            Bt,
             {
-              onClick: () => K(void 0, null, function* () {
+              onClick: () => J(void 0, null, function* () {
                 var f;
                 s(!0), yield (f = a.onClick) == null ? void 0 : f.call(a), s(!1);
               }),
@@ -303,28 +304,28 @@ const Ye = ({
       ]
     }
   );
-}, Je = 24, Ke = 64, L = "TopBar", A = {
-  topStripe: `${L}-topStripe`,
-  titleBar: `${L}-titleBar`,
-  titleSlider: `${L}-titleSlider`,
-  titleText: `${L}-titleText`,
-  leftPanelButton: `${L}-leftPanelButton`,
-  rightPanelButton: `${L}-leftPanelButton`
-}, Ze = X("div", {
+}, Ye = 24, Je = 64, y = "TopBar", A = {
+  topStripe: `${y}-topStripe`,
+  titleBar: `${y}-titleBar`,
+  titleSlider: `${y}-titleSlider`,
+  titleText: `${y}-titleText`,
+  leftPanelButton: `${y}-leftPanelButton`,
+  rightPanelButton: `${y}-leftPanelButton`
+}, Ke = ft("div", {
   shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
-  name: L
+  name: y
 })(({ theme: t, leftPanel: e, rightPanel: n }) => {
   var i, a;
   return {
     width: "100%",
     [`& .${A.topStripe}`]: {
       width: "100%",
-      height: `${Je}px`,
+      height: `${Ye}px`,
       backgroundColor: t.palette.primary.main
     },
     [`& .${A.titleBar}`]: {
       backgroundColor: t.palette.primary.light,
-      height: `${Ke}px`,
+      height: `${Je}px`,
       padding: t.spacing(0, 3),
       width: "100%"
     },
@@ -362,15 +363,15 @@ const Ye = ({
     })
   };
 });
-function tn({
+function Ze({
   titleText: t = "",
   leftPanel: e,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ c(Ze, { leftPanel: e, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ c(Ke, { leftPanel: e, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: A.topStripe }),
-    /* @__PURE__ */ o("div", { className: A.titleBar, children: /* @__PURE__ */ c(b, { className: A.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: A.titleBar, children: /* @__PURE__ */ c(v, { className: A.titleSlider, children: [
       e !== void 0 && !e.open && e.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
@@ -405,7 +406,7 @@ function tn({
     ] }) })
   ] });
 }
-const ee = 400, en = X(Se, {
+const ee = 400, tn = ft(gt, {
   shouldForwardProp: (t) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -435,9 +436,9 @@ const ee = 400, en = X(Se, {
       marginLeft: `${a}px`
     }))
   })
-), nn = X(b, {
+), en = ft(v, {
   shouldForwardProp: (t) => !["anchor"].includes(t)
-})(({ theme: t, anchor: e }) => C(r({
+})(({ theme: t, anchor: e }) => w(r({
   display: "flex",
   alignItems: "center",
   padding: t.spacing(2)
@@ -455,7 +456,7 @@ const ee = 400, en = X(Se, {
     marginRight: e === "right" ? t.spacing(2) : 0
   }
 }));
-function kt({
+function Nt({
   children: t,
   anchor: e = "left",
   open: n,
@@ -467,18 +468,18 @@ function kt({
   debugOpacity: u = !1,
   headerBoxProps: s = {},
   onOpened: d,
-  onClosed: v,
+  onClosed: x,
   "data-testid": f,
-  navBarOpen: x = !1,
+  navBarOpen: C = !1,
   navBarWidthOpen: m = 0,
   navBarWidthClosed: T = 0
 }) {
   return /* @__PURE__ */ c(
-    en,
+    tn,
     {
       SlideProps: {
         onEntered: () => d == null ? void 0 : d(),
-        onExited: () => v == null ? void 0 : v()
+        onExited: () => x == null ? void 0 : x()
       },
       variant: "persistent",
       anchor: e,
@@ -486,11 +487,11 @@ function kt({
       width: l,
       debugOpacity: u,
       "data-testid": f,
-      navBarOpen: x,
+      navBarOpen: C,
       navBarWidthOpen: m,
       navBarWidthClosed: T,
       children: [
-        /* @__PURE__ */ o(nn, C(r({ anchor: e }, s), { children: e === "left" ? /* @__PURE__ */ c(k, { children: [
+        /* @__PURE__ */ o(en, w(r({ anchor: e }, s), { children: e === "left" ? /* @__PURE__ */ c(k, { children: [
           /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
           p && /* @__PURE__ */ c(V, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(Qt, { "data-testid": "arrowbackicon" }),
@@ -508,7 +509,7 @@ function kt({
     }
   );
 }
-const on = X("div", {
+const nn = N(v, {
   shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
   name: "PanelAwareMargins"
 })(({ theme: t, leftPanel: e, rightPanel: n }) => {
@@ -531,13 +532,13 @@ const on = X("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), rn = X(Ut, {
+}), on = N(Gt, {
   name: "PageContainer"
 })(({ theme: t }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: t.spacing(3),
   paddingBottom: t.spacing(3)
-})), ht = !1, gt = !1, tt = {
+})), ut = !1, ht = !1, Z = {
   titleText: "",
   flavour: "push",
   width: ee,
@@ -550,7 +551,7 @@ const on = X("div", {
   onClosed: void 0,
   dataTestId: void 0
 };
-function eo({
+function Zn({
   children: t,
   titleText: e = "",
   leftPanel: n,
@@ -561,52 +562,52 @@ function eo({
   pageContentDataTestId: u,
   topBarDataTestId: s,
   navBarOpen: d,
-  navBarWidthOpen: v,
+  navBarWidthOpen: x,
   navBarWidthClosed: f
 }) {
-  const [x, m] = B(ht), [T, I] = B(gt), [S, w] = B(ht), [O, H] = B(gt), R = n !== void 0, W = i !== void 0, {
+  const [C, m] = B(ut), [T, I] = B(ht), [S, b] = B(ut), [O, H] = B(ht), R = n !== void 0, W = i !== void 0, {
     titleText: D,
-    content: q,
-    flavour: j,
+    content: X,
+    flavour: q,
     open: z,
     onChangeOpen: U,
     width: h,
     arrowButtons: g,
-    startOpen: y,
+    startOpen: M,
     onOpened: pe,
     onClosed: ue,
     dataTestId: he
-  } = n ? r(r({}, tt), n) : r({}, tt), {
+  } = n ? r(r({}, Z), n) : r({}, Z), {
     titleText: ge,
     content: fe,
     flavour: vt,
-    open: at,
-    onChangeOpen: xt,
-    width: st,
-    arrowButtons: Q,
-    startOpen: Y,
+    open: rt,
+    onChangeOpen: Ct,
+    width: at,
+    arrowButtons: j,
+    startOpen: Q,
     onOpened: me,
-    onClosed: ve,
-    dataTestId: xe
-  } = i ? r(r({}, tt), i) : r({}, tt);
-  it(() => {
-    y !== ht && (m(y), w(y));
-  }, [y]), it(() => {
-    Y !== gt && (I(Y), H(Y));
-  }, [Y]);
-  const lt = z === void 0 ? x : z, dt = at === void 0 ? T : at, Ct = (E) => {
-    z === void 0 && (m(E), a && W && (E ? (I(!1), H(T)) : I(O))), U && U(E);
-  }, wt = (E) => {
-    at === void 0 && (I(E), a && R && (E ? (m(!1), w(x)) : m(S))), xt && xt(E);
+    onClosed: xe,
+    dataTestId: ve
+  } = i ? r(r({}, Z), i) : r({}, Z);
+  ot(() => {
+    M !== ut && (m(M), b(M));
+  }, [M]), ot(() => {
+    Q !== ht && (I(Q), H(Q));
+  }, [Q]);
+  const st = z === void 0 ? C : z, lt = rt === void 0 ? T : rt, wt = (F) => {
+    z === void 0 && (m(F), a && W && (F ? (I(!1), H(T)) : I(O))), U && U(F);
+  }, bt = (F) => {
+    rt === void 0 && (I(F), a && R && (F ? (m(!1), b(C)) : m(S))), Ct && Ct(F);
   };
-  return /* @__PURE__ */ c(b, { children: [
+  return /* @__PURE__ */ c(v, { children: [
     R && /* @__PURE__ */ o(
-      kt,
+      Nt,
       {
         "data-testid": he,
         anchor: "left",
-        open: lt,
-        onClose: () => Ct(!1),
+        open: st,
+        onClose: () => wt(!1),
         width: h,
         titleText: D,
         debugOpacity: l,
@@ -614,78 +615,78 @@ function eo({
         onOpened: pe,
         onClosed: ue,
         navBarOpen: d,
-        navBarWidthOpen: v,
+        navBarWidthOpen: x,
         navBarWidthClosed: f,
-        children: q
+        children: X
       }
     ),
     W && /* @__PURE__ */ o(
-      kt,
+      Nt,
       {
-        "data-testid": xe,
+        "data-testid": ve,
         anchor: "right",
-        open: dt,
-        onClose: () => wt(!1),
-        width: st,
+        open: lt,
+        onClose: () => bt(!1),
+        width: at,
         titleText: ge,
         debugOpacity: l,
-        showCloseArrow: Q === "both" || Q === "close",
+        showCloseArrow: j === "both" || j === "close",
         onOpened: me,
-        onClosed: ve,
+        onClosed: xe,
         navBarOpen: d,
-        navBarWidthOpen: v,
+        navBarWidthOpen: x,
         navBarWidthClosed: f,
         children: fe
       }
     ),
     /* @__PURE__ */ o(
-      tn,
+      Ze,
       r(r({
         titleText: e,
         "data-testid": s
-      }, R && j === "push" ? {
+      }, R && q === "push" ? {
         leftPanel: {
-          open: lt,
+          open: st,
           width: h,
-          onOpen: () => Ct(!0),
+          onOpen: () => wt(!0),
           showOpenArrow: g === "both" || g === "open"
         }
       } : {}), W && vt === "push" ? {
         rightPanel: {
-          open: dt,
-          width: st,
-          onOpen: () => wt(!0),
-          showOpenArrow: Q === "both" || Q === "open"
+          open: lt,
+          width: at,
+          onOpen: () => bt(!0),
+          showOpenArrow: j === "both" || j === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      on,
-      C(r(r({}, j === "push" ? {
+      nn,
+      w(r(r({}, q === "push" ? {
         leftPanel: {
-          open: lt,
+          open: st,
           width: h
         }
       } : {}), vt === "push" ? {
         rightPanel: {
-          open: dt,
-          width: st
+          open: lt,
+          width: at
         }
       } : {}), {
-        children: /* @__PURE__ */ o(rn, C(r({ "data-testid": u }, p), { children: t }))
+        children: /* @__PURE__ */ o(on, w(r({ "data-testid": u }, p), { children: t }))
       })
     )
   ] });
 }
-const et = "Navbar", G = {
-  root: `${et}-root`,
-  menuButton: `${et}-menuButton`,
-  hide: `${et}-hide`,
-  content: `${et}-content`
+const tt = "Navbar", G = {
+  root: `${tt}-root`,
+  menuButton: `${tt}-menuButton`,
+  hide: `${tt}-hide`,
+  content: `${tt}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, an = _("div", { name: "NavBar" })(({ theme: t }) => ({
+}, rn = N(v, { name: "NavBar" })(({ theme: t }) => ({
   [`&.${G.root}`]: {
     display: "flex"
   },
@@ -715,20 +716,20 @@ const et = "Navbar", G = {
     backgroundColor: (i = (n = t == null ? void 0 : t.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Nt = (t, e, n) => r({
+}, Et = (t, e, n) => r({
   width: e,
   transition: t.transitions.create("width", {
     easing: t.transitions.easing.sharp,
     duration: t.transitions.duration.enteringScreen
   })
-}, ne(t, n)), Et = (t, e, n) => r({
+}, ne(t, n)), Ft = (t, e, n) => r({
   width: e,
   transition: t.transitions.create("width", {
     easing: t.transitions.easing.sharp,
     duration: t.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, ne(t, n)), sn = _(Xt, {
+}, ne(t, n)), an = N(gt, {
   shouldForwardProp: (t) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(t)
 })(({ theme: t, open: e, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
   flexShrink: 0,
@@ -736,15 +737,15 @@ const et = "Navbar", G = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, e && C(r({}, Nt(t, n, a)), {
-  "& .MuiDrawer-paper": Nt(t, n, a)
-})), !e && C(r({}, Et(t, i, a)), {
-  "& .MuiDrawer-paper": Et(t, i, a)
+}, e && w(r({}, Et(t, n, a)), {
+  "& .MuiDrawer-paper": Et(t, n, a)
+})), !e && w(r({}, Ft(t, i, a)), {
+  "& .MuiDrawer-paper": Ft(t, i, a)
 })));
-function ln({ links: t }) {
+function sn({ links: t }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function Ft(t) {
+function Pt(t) {
   let e = 0;
   for (let n = 0, i = t.length; n < i; n++) {
     const a = t.charCodeAt(n);
@@ -752,16 +753,16 @@ function Ft(t) {
   }
   return e;
 }
-const nt = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Pt = (t) => t.split(/\s/).map((e) => e.substring(0, 1).toUpperCase()).filter((e) => !!e).slice(0, 2).join("").toUpperCase();
-function dn({
+const et = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Lt = (t) => t.split(/\s/).map((e) => e.substring(0, 1).toUpperCase()).filter((e) => !!e).slice(0, 2).join("").toUpperCase();
+function ln({
   user: t,
   domainCode: e,
   open: n,
   navBarWidthClosed: i,
   navBarWidthOpen: a
 }) {
-  return /* @__PURE__ */ o(b, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
-    b,
+  return /* @__PURE__ */ o(v, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
+    v,
     {
       sx: {
         display: "flex",
@@ -770,7 +771,7 @@ function dn({
       },
       children: n ? /* @__PURE__ */ c(k, { children: [
         /* @__PURE__ */ o(
-          b,
+          v,
           {
             sx: {
               width: `${a * 0.33}px`,
@@ -778,37 +779,37 @@ function dn({
               marginBottom: 1
             },
             children: t != null && t.name ? /* @__PURE__ */ o(
-              Z,
+              K,
               {
                 src: t == null ? void 0 : t.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: nt[Math.abs(Ft(t.name)) % nt.length]
+                  bgcolor: et[Math.abs(Pt(t.name)) % et.length]
                 },
-                children: Pt(t.name)
+                children: Lt(t.name)
               }
-            ) : /* @__PURE__ */ o(Z, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(K, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        t != null && t.name ? /* @__PURE__ */ o($, { children: t.name }) : /* @__PURE__ */ o(It, { animation: !1, width: "50%" }),
-        e ? /* @__PURE__ */ o($, { children: e.toUpperCase() }) : /* @__PURE__ */ o(It, { animation: !1, width: "25%" })
-      ] }) : /* @__PURE__ */ o(b, { sx: { width: `${i * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: t != null && t.name ? /* @__PURE__ */ o(
-        Z,
+        t != null && t.name ? /* @__PURE__ */ o($, { children: t.name }) : /* @__PURE__ */ o(Ot, { animation: !1, width: "50%" }),
+        e ? /* @__PURE__ */ o($, { children: e.toUpperCase() }) : /* @__PURE__ */ o(Ot, { animation: !1, width: "25%" })
+      ] }) : /* @__PURE__ */ o(v, { sx: { width: `${i * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: t != null && t.name ? /* @__PURE__ */ o(
+        K,
         {
           src: t == null ? void 0 : t.picture,
           sx: {
             width: "100%",
             height: "100%",
-            bgcolor: nt[Math.abs(Ft(t.name)) % nt.length]
+            bgcolor: et[Math.abs(Pt(t.name)) % et.length]
           },
-          children: Pt(t.name)
+          children: Lt(t.name)
         }
-      ) : /* @__PURE__ */ o(Z, { sx: { width: "100%", height: "100%" } }) })
+      ) : /* @__PURE__ */ o(K, { sx: { width: "100%", height: "100%" } }) })
     }
   ) });
 }
-function cn({
+function dn({
   open: t,
   offsetTop: e = 0,
   widthOpen: n,
@@ -820,8 +821,8 @@ function cn({
   user: s,
   domainCode: d
 }) {
-  return /* @__PURE__ */ o(an, { className: G.root, "data-testid": a, children: /* @__PURE__ */ c(
-    sn,
+  return /* @__PURE__ */ o(rn, { className: G.root, "data-testid": a, children: /* @__PURE__ */ c(
+    an,
     {
       variant: "permanent",
       anchor: "left",
@@ -833,15 +834,15 @@ function cn({
         component: "nav"
       },
       children: [
-        l && /* @__PURE__ */ c(b, { sx: { flex: "0 0 auto" }, children: [
+        l && /* @__PURE__ */ c(v, { sx: { flex: "0 0 auto" }, children: [
           l,
-          /* @__PURE__ */ o(Ot, { variant: "middle" })
+          /* @__PURE__ */ o(Dt, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(b, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(ln, { links: p }) : p }),
-        /* @__PURE__ */ c(b, { sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ o(Ot, { variant: "middle" }),
+        /* @__PURE__ */ o(v, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(sn, { links: p }) : p }),
+        /* @__PURE__ */ c(v, { sx: { flex: "0 0 auto" }, children: [
+          /* @__PURE__ */ o(Dt, { variant: "middle" }),
           /* @__PURE__ */ o(
-            dn,
+            ln,
             {
               user: s,
               domainCode: d,
@@ -856,9 +857,9 @@ function cn({
     }
   ) });
 }
-function pn({ children: t, topBarHeight: e }) {
+function cn({ children: t, topBarHeight: e }) {
   return /* @__PURE__ */ o(
-    b,
+    v,
     {
       sx: {
         overflow: "auto",
@@ -868,7 +869,7 @@ function pn({ children: t, topBarHeight: e }) {
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Ut,
+        Gt,
         {
           component: "main",
           id: "main-content",
@@ -879,13 +880,13 @@ function pn({ children: t, topBarHeight: e }) {
     }
   );
 }
-const un = 64, hn = 64, gn = 256, mt = N(!0), oe = N(gn), ie = N(hn), re = N(""), ae = N(un), se = N(void 0), fn = "TopBar", mn = {
-  titleText: `${fn}-titleText`
+const pn = 64, un = 64, hn = 256, xt = E(!0), oe = E(hn), ie = E(un), re = E(""), ae = E(pn), se = E(void 0), gn = "TopBar", fn = {
+  titleText: `${gn}-titleText`
 };
-function vn({ titleText: t = "", height: e, "data-testid": n }) {
-  const i = _e(mt);
+function mn({ titleText: t = "", height: e, "data-testid": n }) {
+  const i = Me(xt);
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
-    zt,
+    Ut,
     {
       square: !0,
       elevation: 0,
@@ -901,13 +902,13 @@ function vn({ titleText: t = "", height: e, "data-testid": n }) {
         height: e
       },
       children: [
-        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => i((l) => !l), children: /* @__PURE__ */ o(Me, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o($, { className: mn.titleText, variant: "h6", children: t })
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => i((l) => !l), children: /* @__PURE__ */ o(ye, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o($, { className: fn.titleText, variant: "h6", children: t })
       ]
     }
   ) });
 }
-function no({
+function to({
   children: t,
   initialTitleText: e,
   initialNavBarOpen: n,
@@ -918,37 +919,37 @@ function no({
   navBarMiddle: u,
   navBarBottom: s,
   user: d,
-  domainCode: v
+  domainCode: x
 }) {
-  const [f, x] = P(mt), [m] = P(oe), [T] = P(ie), [I, S] = P(re), [w] = P(ae), [O] = P(se);
-  return it(() => {
+  const [f, C] = L(xt), [m] = L(oe), [T] = L(ie), [I, S] = L(re), [b] = L(ae), [O] = L(se);
+  return ot(() => {
     e !== void 0 && S(e);
-  }, [e, S]), it(() => {
-    n !== void 0 && x(n);
-  }, [n, x]), /* @__PURE__ */ c(b, { children: [
-    /* @__PURE__ */ o(Te, {}),
-    /* @__PURE__ */ o(vn, { titleText: I, "data-testid": l, height: w }),
-    /* @__PURE__ */ c(b, { sx: { display: "flex" }, children: [
+  }, [e, S]), ot(() => {
+    n !== void 0 && C(n);
+  }, [n, C]), /* @__PURE__ */ c(v, { children: [
+    /* @__PURE__ */ o(Se, {}),
+    /* @__PURE__ */ o(mn, { titleText: I, "data-testid": l, height: b }),
+    /* @__PURE__ */ c(v, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        cn,
+        dn,
         {
           open: f,
           top: O,
           middle: u,
           bottom: s,
           user: d,
-          domainCode: v,
+          domainCode: x,
           widthOpen: m,
           widthClosed: T,
-          offsetTop: w,
+          offsetTop: b,
           "data-testid": p
         }
       ),
       /* @__PURE__ */ o(
-        pn,
-        C(r({
+        cn,
+        w(r({
           "data-testid": a,
-          topBarHeight: w
+          topBarHeight: b
         }, i), {
           children: t
         })
@@ -962,46 +963,46 @@ const xn = {
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Cn = {
+}, vn = {
   shouldClose: (t, e) => e !== "clickaway"
-}, Lt = {
+}, yt = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, yt = 100, Mt = 2e3, wn = 2e3, bn = (() => {
+}, Mt = 100, _t = 2e3, Cn = 2e3, wn = (() => {
   let t = 0;
   return () => (t += 1, t);
-})(), An = {
+})(), bn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Sn = {}, Tn = {}, le = Rt(null);
-function In(l) {
+}, An = {}, Sn = {}, le = Wt(null);
+function Tn(l) {
   var p = l, {
-    overrideState: t = Sn,
-    overrideActions: e = Tn,
-    shouldClose: n = Cn.shouldClose,
+    overrideState: t = An,
+    overrideActions: e = Sn,
+    shouldClose: n = vn.shouldClose,
     children: i
-  } = p, a = St(p, [
+  } = p, a = Tt(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var U;
-  const [{ open: u }, s] = B({ open: !1 }), d = pt([]), v = pt(Date.now()), f = pt(0), x = ot((h) => {
+  const [{ open: u }, s] = B({ open: !1 }), d = ct([]), x = ct(Date.now()), f = ct(0), C = nt((h) => {
     s({ open: h });
-  }, []), m = ot((h = {}) => {
-    f.current += 1, d.current.length >= yt && Date.now() - v.current >= Mt && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${yt}) hit ${f.current} times in last ${Mt}ms)`
+  }, []), m = nt((h = {}) => {
+    f.current += 1, d.current.length >= Mt && Date.now() - x.current >= _t && (x.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Mt}) hit ${f.current} times in last ${_t}ms)`
     ), f.current = 0);
-    const g = r(C(r({}, Lt), {
-      key: bn()
+    const g = r(w(r({}, yt), {
+      key: wn()
     }), h);
     return d.current.push(g), d.current.length === 1 && s({ open: !0 }), g.key;
-  }, []), T = (h = "", g = {}) => m(r({ message: h, severity: "success" }, g)), I = (h = "", g = {}) => m(r({ message: h, severity: "info" }, g)), S = (h = "", g = {}) => m(r({ message: h, severity: "warning" }, g)), w = (h = "", g = {}) => m(r({ message: h, severity: "error" }, g)), O = (h) => {
-    const g = d.current.findIndex((y) => y.key === h);
+  }, []), T = (h = "", g = {}) => m(r({ message: h, severity: "success" }, g)), I = (h = "", g = {}) => m(r({ message: h, severity: "info" }, g)), S = (h = "", g = {}) => m(r({ message: h, severity: "warning" }, g)), b = (h = "", g = {}) => m(r({ message: h, severity: "error" }, g)), O = (h) => {
+    const g = d.current.findIndex((M) => M.key === h);
     if (g !== -1)
       return g === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(g, 1);
   }, H = (h, g) => {
@@ -1009,69 +1010,69 @@ function In(l) {
   }, R = () => {
   }, W = () => {
     d.current.shift(), d.current.length > 0 && s({ open: !0 });
-  }, D = (U = d.current[0]) != null ? U : r({}, Lt), q = {};
-  "autoHideDuration" in D && (q.autoHideDuration = D.autoHideDuration);
-  const j = r(r({}, xn), a), z = r(r({
+  }, D = (U = d.current[0]) != null ? U : r({}, yt), X = {};
+  "autoHideDuration" in D && (X.autoHideDuration = D.autoHideDuration);
+  const q = r(r({}, xn), a), z = r(r({
     open: u,
-    setOpen: x,
+    setOpen: C,
     enqueueNotification: m,
     enqueueSuccessNotification: T,
     enqueueInfoNotification: I,
     enqueueWarningNotification: S,
-    enqueueErrorNotification: w,
+    enqueueErrorNotification: b,
     removeNotification: O
   }, t), e);
   return /* @__PURE__ */ c(le.Provider, { value: z, children: [
     i,
     /* @__PURE__ */ o(
-      Ie,
-      C(r(r({}, j), q), {
+      Te,
+      w(r(r({}, q), X), {
         open: u,
         onClose: H,
         TransitionProps: {
           onExited: W,
           onExit: R
         },
-        sx: { zIndex: wn },
+        sx: { zIndex: Cn },
         children: /* @__PURE__ */ c("div", { children: [
           /* @__PURE__ */ o(
-            Oe,
+            Ie,
             {
               onClose: (h) => H(h, "closeAlert"),
               severity: D.severity,
               variant: "filled",
-              icon: D.progressIndicator === "circular" ? /* @__PURE__ */ o(Gt, { size: "1em" }) : void 0,
-              style: D.progressIndicator === "linear" ? An : void 0,
+              icon: D.progressIndicator === "circular" ? /* @__PURE__ */ o(Vt, { size: "1em" }) : void 0,
+              style: D.progressIndicator === "linear" ? bn : void 0,
               children: D.message
             }
           ),
-          D.progressIndicator === "linear" && /* @__PURE__ */ o(De, { color: "primary" })
+          D.progressIndicator === "linear" && /* @__PURE__ */ o(Oe, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function On() {
-  const t = Wt(le);
+function In() {
+  const t = zt(le);
   if (t === null)
-    throw new ft("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new mt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return t;
 }
-const oo = rt(
-  (t = { autoHideDuration: 1 }, e = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(In, C(r({}, t), { overrideState: e, overrideActions: n, children: i }))
-), Dn = He(), io = ({
+const eo = it(
+  (t = { autoHideDuration: 1 }, e = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Tn, w(r({}, t), { overrideState: e, overrideActions: n, children: i }))
+), On = _e(), no = ({
   children: t,
   store: e
-}) => /* @__PURE__ */ o(Yt, { store: e != null ? e : Dn, children: t }), de = "domainCode";
-var Ht;
-const _t = N(
-  JSON.parse((Ht = localStorage.getItem(de)) != null ? Ht : '{"domainCode": ""}').domainCode
-), ce = N(
-  (t) => t(_t),
+}) => /* @__PURE__ */ o(Yt, { store: e != null ? e : On, children: t }), de = "domainCode";
+var Rt;
+const Ht = E(
+  JSON.parse((Rt = localStorage.getItem(de)) != null ? Rt : '{"domainCode": ""}').domainCode
+), ce = E(
+  (t) => t(Ht),
   (t, e, n) => {
-    e(_t, n), localStorage.setItem(de, JSON.stringify({ domainCode: n }));
+    e(Ht, n), localStorage.setItem(de, JSON.stringify({ domainCode: n }));
   }
-), Bn = {
+), Dn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1083,10 +1084,10 @@ const _t = N(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, $n = (t) => {
+}, Bn = (t) => {
   var e;
-  return t === null ? "N/A" : (e = Bn[t]) != null ? e : "";
-}, ro = ({
+  return t === null ? "N/A" : (e = Dn[t]) != null ? e : "";
+}, oo = ({
   isLoading: t,
   isOpen: e,
   onClose: n,
@@ -1094,21 +1095,21 @@ const _t = N(
   applicationName: a,
   handleLogout: l
 }) => {
-  const [p, u] = P(ce), [s, d] = B(p), { enqueueSuccessNotification: v } = On(), f = i.length === 0, x = !!p && !i.includes(p) && !i.includes(s), m = !p || f || x, T = () => K(void 0, null, function* () {
-    s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
-  }), I = () => K(void 0, null, function* () {
-    p && !f && !x ? (d(p), n()) : m && l();
+  const [p, u] = L(ce), [s, d] = B(p), { enqueueSuccessNotification: x } = In(), f = i.length === 0, C = !!p && !i.includes(p) && !i.includes(s), m = !p || f || C, T = () => J(void 0, null, function* () {
+    s ? (u(s), x(`Set domain to ${s}`), n()) : u("");
+  }), I = () => J(void 0, null, function* () {
+    p && !f && !C ? (d(p), n()) : m && l();
   });
   let S;
-  return f ? S = "Unable to retrieve your active organisations. Try logging in again." : x && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
-    Ye,
+  return f ? S = "Unable to retrieve your active organisations. Try logging in again." : C && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
+    Qe,
     {
       isOpen: e,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
         onClick: T,
-        disabled: !s || f || x,
+        disabled: !s || f || C,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -1124,35 +1125,35 @@ const _t = N(
           "."
         ] }),
         /* @__PURE__ */ o(
-          Be,
+          De,
           {
             loading: t,
             multiple: !1,
             disableClearable: !1,
             value: s !== "" ? s : null,
-            onChange: (w, O) => d(O != null ? O : ""),
-            getOptionLabel: $n,
+            onChange: (b, O) => d(O != null ? O : ""),
+            getOptionLabel: Bn,
             options: [...i],
-            renderInput: (w) => /* @__PURE__ */ o(
-              $e,
-              C(r({}, w), {
+            renderInput: (b) => /* @__PURE__ */ o(
+              Be,
+              w(r({}, b), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: C(r({}, w.InputProps), {
+                InputProps: w(r({}, b.InputProps), {
                   endAdornment: /* @__PURE__ */ c(k, { children: [
-                    t ? /* @__PURE__ */ o(Gt, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    w.InputProps.endAdornment
+                    t ? /* @__PURE__ */ o(Vt, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    b.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        S && /* @__PURE__ */ o(ke, { error: !0, children: S })
+        S && /* @__PURE__ */ o($e, { error: !0, children: S })
       ]
     }
   );
-}, ao = Vt({
+}, io = Xt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1203,7 +1204,7 @@ const _t = N(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), so = Vt({
+}), ro = Xt({
   palette: {
     primary: {
       main: "#007236",
@@ -1257,18 +1258,18 @@ const _t = N(
       styleOverrides: {
         root: ({ theme: t }) => ({
           "&.Mui-selected": {
-            backgroundColor: ut(
+            backgroundColor: pt(
               t.palette.secondary.main,
               t.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: ut(
+              backgroundColor: pt(
                 t.palette.secondary.main,
                 t.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: ut(
+              backgroundColor: pt(
                 t.palette.secondary.main,
                 t.palette.action.focusOpacity
               )
@@ -1294,24 +1295,24 @@ const _t = N(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), kn = {
+}), $n = {
   domainCode: ce,
-  navBarOpen: mt,
+  navBarOpen: xt,
   navBarWidthOpen: oe,
   navBarWidthClosed: ie,
   titleText: re,
   topBarHeight: ae,
   navBarTop: se
-}, lo = rt(() => ({ children: t }) => /* @__PURE__ */ o(Yt, { children: t })), Nn = ({
+}, ao = it(() => ({ children: t }) => /* @__PURE__ */ o(Yt, { children: t })), kn = ({
   initialValues: t,
   children: e
-}) => (Re(t), /* @__PURE__ */ o(k, { children: e })), co = rt(
+}) => (He(t), /* @__PURE__ */ o(k, { children: e })), so = it(
   (t) => ({ children: e }) => /* @__PURE__ */ o(
-    Nn,
+    kn,
     {
       initialValues: Object.entries(t).map(
         ([n, i]) => [
-          kn[n],
+          $n[n],
           i
         ]
       ),
@@ -1320,39 +1321,39 @@ const _t = N(
   )
 );
 export {
-  Ye as AgDialog,
-  no as AppLayout,
-  io as AtomProvider,
+  Qe as AgDialog,
+  to as AppLayout,
+  no as AtomProvider,
   le as Context,
-  ft as ContextError,
-  ro as DomainCodeDialog,
-  Yn as ExampleComponent,
-  Nn as HydrateAtoms,
+  mt as ContextError,
+  oo as DomainCodeDialog,
+  jn as ExampleComponent,
+  kn as HydrateAtoms,
   Kt as NAVBAR_WIDTH_CLOSED,
   Jt as NAVBAR_WIDTH_OPENED,
-  to as NavBar,
-  Kn as NavBarDarkStyledList,
-  Zn as NavBarLightStyledList,
-  qe as NavBarProvider,
-  eo as PageLayout,
-  In as SaladBarProvider,
-  Dn as atomStore,
-  Qe as buildNavBarState,
+  Kn as NavBar,
+  Yn as NavBarDarkStyledList,
+  Jn as NavBarLightStyledList,
+  Xe as NavBarProvider,
+  Zn as PageLayout,
+  Tn as SaladBarProvider,
+  On as atomStore,
+  je as buildNavBarState,
   ce as domainCodeAtom,
-  ao as fed21Theme,
-  so as internalAgSystemsTheme,
-  M as navBarClasses,
-  mt as navBarOpenAtom,
+  io as fed21Theme,
+  ro as internalAgSystemsTheme,
+  _ as navBarClasses,
+  xt as navBarOpenAtom,
   se as navBarTopAtom,
   ie as navBarWidthClosedAtom,
   oe as navBarWidthOpenAtom,
   re as titleTextAtom,
   ae as topBarHeightAtom,
-  je as useNavBar,
-  On as useSaladBar,
-  lo as withAtomProvider,
-  Jn as withNavBarProvider,
-  co as withOverrideDefaults,
-  oo as withSaladBarProvider
+  qe as useNavBar,
+  In as useSaladBar,
+  ao as withAtomProvider,
+  Qn as withNavBarProvider,
+  so as withOverrideDefaults,
+  eo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map