@australiangreens/ag-internal-components 0.0.61 → 0.0.62

package/dist/esm/index.js

@@ -1,64 +1,64 @@
 var It = Object.defineProperty, Dt = Object.defineProperties;
 var Ot = Object.getOwnPropertyDescriptors;
-var Z = Object.getOwnPropertySymbols;
-var Ee = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var ee = Object.getOwnPropertySymbols;
+var ye = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var ge = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
-    Ee.call(t, n) && he(e, n, t[n]);
-  if (Z)
-    for (var n of Z(t))
-      ye.call(t, n) && he(e, n, t[n]);
+    ye.call(t, n) && ge(e, n, t[n]);
+  if (ee)
+    for (var n of ee(t))
+      Be.call(t, n) && ge(e, n, t[n]);
   return e;
-}, b = (e, t) => Dt(e, Ot(t));
-var Be = (e, t) => {
+}, A = (e, t) => Dt(e, Ot(t));
+var $e = (e, t) => {
   var n = {};
   for (var r in e)
-    Ee.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && Z)
-    for (var r of Z(e))
-      t.indexOf(r) < 0 && ye.call(e, r) && (n[r] = e[r]);
+    ye.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && ee)
+    for (var r of ee(e))
+      t.indexOf(r) < 0 && Be.call(e, r) && (n[r] = e[r]);
   return n;
 };
-var $e = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
-var W = (e, t, n) => new Promise((r, a) => {
-  var l = (d) => {
+var Ne = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
+var z = (e, t, n) => new Promise((r, s) => {
+  var c = (p) => {
     try {
-      m(n.next(d));
-    } catch (g) {
-      a(g);
+      g(n.next(p));
+    } catch (h) {
+      s(h);
     }
-  }, c = (d) => {
+  }, d = (p) => {
     try {
-      m(n.throw(d));
-    } catch (g) {
-      a(g);
+      g(n.throw(p));
+    } catch (h) {
+      s(h);
     }
-  }, m = (d) => d.done ? r(d.value) : Promise.resolve(d.value).then(l, c);
-  m((n = n.apply(e, t)).next());
+  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(c, d);
+  g((n = n.apply(e, t)).next());
 });
-import { jsxs as C, Fragment as B, jsx as o } from "react/jsx-runtime";
-import { useState as D, createContext as je, useCallback as ne, useContext as Qe, useEffect as X, useMemo as kt, createElement as ve, useRef as ge } from "react";
-import { Typography as $, Button as Tt, Paper as Ke, Box as S, Drawer as we, Autocomplete as xe, TextField as be, CircularProgress as Ae, Chip as Et, Tooltip as yt, Stack as Bt, styled as Se, IconButton as Q, Container as Je, useTheme as re, useMediaQuery as $t, Collapse as Nt, Avatar as Ne, Fade as Ft, Skeleton as Fe, Toolbar as Lt, Divider as Le, CssBaseline as Pt, Snackbar as Mt, Alert as _t, LinearProgress as Ht, FormHelperText as Rt } from "@mui/material";
+import { jsxs as f, Fragment as y, jsx as o } from "react/jsx-runtime";
+import { useState as O, createContext as Qe, useCallback as oe, useContext as Ke, useEffect as X, useMemo as kt, createElement as we, useRef as fe } from "react";
+import { Typography as B, Button as Tt, Paper as Je, Box as I, Drawer as xe, Autocomplete as be, TextField as Ae, CircularProgress as Se, Chip as Et, Tooltip as yt, Stack as Bt, styled as Ie, IconButton as K, Container as Ye, useTheme as ie, useMediaQuery as $t, Collapse as Nt, Avatar as Fe, Fade as Ft, Skeleton as Le, Toolbar as Lt, Divider as Pe, CssBaseline as Pt, Snackbar as Mt, Alert as _t, LinearProgress as Ht, FormHelperText as Rt } from "@mui/material";
 import Wt from "@mui/material/CssBaseline";
-import { styled as M, createTheme as Ye, alpha as fe } from "@mui/material/styles";
+import { styled as L, createTheme as Ze, alpha as me } from "@mui/material/styles";
 import { AgError as zt } from "@australiangreens/ag-error";
-import { createHelper as ie } from "souvlaki";
-import Ze from "@mui/material/List";
-import Pe from "@mui/material/Button";
+import { createHelper as ae } from "souvlaki";
+import et from "@mui/material/List";
+import Me from "@mui/material/Button";
 import Gt from "@mui/material/Dialog";
 import Ut from "@mui/material/DialogActions";
 import qt from "@mui/material/DialogContent";
 import Vt from "@mui/material/DialogTitle";
-import { Cancel as Xt, ArrowDropDown as jt, ArrowForward as et, ArrowBack as tt, ViewHeadline as Qt } from "@mui/icons-material";
+import { Cancel as Xt, ArrowDropDown as jt, ArrowForward as tt, ArrowBack as nt, ViewHeadline as Qt } from "@mui/icons-material";
 import Kt from "autosuggest-highlight/parse";
 import Jt from "autosuggest-highlight/match";
-import { atom as _, useSetAtom as nt, useAtom as G, getDefaultStore as Yt, Provider as ot } from "jotai";
+import { atom as P, useSetAtom as ot, useAtom as U, getDefaultStore as Yt, Provider as rt } from "jotai";
 import { useHydrateAtoms as Zt } from "jotai/utils";
 function go({ text: e }) {
-  const [t, n] = D(0);
-  return /* @__PURE__ */ C(B, { 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" }) }),
+  const [t, n] = O(0);
+  return /* @__PURE__ */ f(y, { children: [
+    /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(B, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
       Tt,
       {
@@ -68,25 +68,25 @@ function go({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ C("p", { children: [
+    /* @__PURE__ */ f("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ C(Ke, { children: [
+    /* @__PURE__ */ f(Je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const rt = 330, it = 73, z = "Navbar", V = {
-  root: `${z}-root`,
-  menuButton: `${z}-menuButton`,
-  hide: `${z}-hide`,
-  content: `${z}-content`,
-  userInfoHolder: `${z}-userInfoHolder`,
-  settings: `${z}-settings`,
-  pieChartIcon: `${z}-pieChartIcon`
-}, en = M(S, {
+const it = 330, at = 73, G = "Navbar", V = {
+  root: `${G}-root`,
+  menuButton: `${G}-menuButton`,
+  hide: `${G}-hide`,
+  content: `${G}-content`,
+  userInfoHolder: `${G}-userInfoHolder`,
+  settings: `${G}-settings`,
+  pieChartIcon: `${G}-pieChartIcon`
+}, en = L(I, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${V.root}`]: {
@@ -107,7 +107,7 @@ const rt = 330, it = 73, z = "Navbar", V = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), at = () => ({
+})), st = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -116,13 +116,13 @@ const rt = 330, it = 73, z = "Navbar", V = {
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
 }), tn = () => i({
-  width: rt
-}, at()), nn = () => i({
   width: it
-}, at()), on = M(we, {
+}, st()), nn = () => i({
+  width: at
+}, st()), on = L(xe, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
-  width: t ? rt : it,
+  width: t ? it : at,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
@@ -132,34 +132,34 @@ const rt = 330, it = 73, z = "Navbar", V = {
 }), !t && {
   "& .MuiDrawer-paper": nn()
 }));
-class Ie extends zt {
+class De extends zt {
 }
-$e(Ie, "errorName", "ContextError");
-const st = je(null), rn = {}, an = {}, sn = ({
+Ne(De, "errorName", "ContextError");
+const lt = Qe(null), rn = {}, an = {}, sn = ({
   overrideState: e = rn,
   overrideActions: t = an,
   children: n
 }) => {
-  const [{ open: r }, a] = D({ open: !0 }), l = ne((d) => {
-    a({ open: d });
-  }, []), c = ne(() => {
-    a((d) => b(i({}, d), { open: !d.open }));
-  }, []), m = i(i({
+  const [{ open: r }, s] = O({ open: !0 }), c = oe((p) => {
+    s({ open: p });
+  }, []), d = oe(() => {
+    s((p) => A(i({}, p), { open: !p.open }));
+  }, []), g = i(i({
     open: r,
-    setOpen: l,
-    toggleOpen: c
+    setOpen: c,
+    toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(st.Provider, { value: m, children: n });
+  return /* @__PURE__ */ o(lt.Provider, { value: g, children: n });
 }, ln = () => {
-  const e = Qe(st);
+  const e = Ke(lt);
   if (e === null)
-    throw new Ie("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
 }, cn = (e = {}) => i({
   open: !0
-}, e), fo = ie(
+}, e), fo = ae(
   (e = cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(sn, { overrideState: e, overrideActions: t, children: n })
-), Me = 7, mo = M(Ze)(({ theme: e }) => ({
+), _e = 7, mo = L(et)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -168,7 +168,7 @@ const st = je(null), rn = {}, an = {}, sn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Me}px`
+      padding: `${_e}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -179,7 +179,7 @@ const st = je(null), rn = {}, an = {}, sn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Me}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${_e}px)`
     },
     // Hover state
     "&:hover": {
@@ -197,7 +197,7 @@ const st = je(null), rn = {}, an = {}, sn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), _e = 7, Co = M(Ze)(({ theme: e }) => ({
+})), He = 7, Co = L(et)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -206,7 +206,7 @@ const st = je(null), rn = {}, an = {}, sn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${_e}px`
+      padding: `${He}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -217,7 +217,7 @@ const st = je(null), rn = {}, an = {}, sn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${_e}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${He}px)`
     },
     // Hover state
     "&:hover": {
@@ -241,7 +241,7 @@ function vo({
   children: t
 }) {
   const { open: n } = ln();
-  return /* @__PURE__ */ C(en, { className: V.root, "data-testid": e, children: [
+  return /* @__PURE__ */ f(en, { className: V.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Wt, {}),
     /* @__PURE__ */ o(
       on,
@@ -260,46 +260,46 @@ const dn = ({
   dialogTitle: t,
   children: n,
   maxWidth: r,
-  primaryButton: a,
-  secondaryButton: l,
-  onClose: c
+  primaryButton: s,
+  secondaryButton: c,
+  onClose: d
 }) => {
-  var g, w;
-  const [m, d] = D(!1);
-  return /* @__PURE__ */ C(
+  var h, w;
+  const [g, p] = O(!1);
+  return /* @__PURE__ */ f(
     Gt,
     {
       open: e,
       onClose: () => {
-        m || c();
+        g || d();
       },
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
       children: [
         /* @__PURE__ */ o(Vt, { children: t }),
         /* @__PURE__ */ o(qt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ C(Ut, { children: [
+        /* @__PURE__ */ f(Ut, { children: [
           /* @__PURE__ */ o(
-            Pe,
+            Me,
             {
-              onClick: (g = l == null ? void 0 : l.onClick) != null ? g : c,
-              "data-testid": l == null ? void 0 : l.testId,
-              disabled: (l == null ? void 0 : l.disabled) || m,
-              color: l == null ? void 0 : l.buttonColor,
-              children: (w = l == null ? void 0 : l.text) != null ? w : "Cancel"
+              onClick: (h = c == null ? void 0 : c.onClick) != null ? h : d,
+              "data-testid": c == null ? void 0 : c.testId,
+              disabled: (c == null ? void 0 : c.disabled) || g,
+              color: c == null ? void 0 : c.buttonColor,
+              children: (w = c == null ? void 0 : c.text) != null ? w : "Cancel"
             }
           ),
-          a && /* @__PURE__ */ o(
-            Pe,
+          s && /* @__PURE__ */ o(
+            Me,
             {
-              onClick: () => W(void 0, null, function* () {
+              onClick: () => z(void 0, null, function* () {
                 var x;
-                d(!0), yield (x = a.onClick) == null ? void 0 : x.call(a), d(!1);
+                p(!0), yield (x = s.onClick) == null ? void 0 : x.call(s), p(!1);
               }),
-              "data-testid": a.testId,
-              disabled: a.disabled || m,
-              color: a == null ? void 0 : a.buttonColor,
-              children: a.text
+              "data-testid": s.testId,
+              disabled: s.disabled || g,
+              color: s == null ? void 0 : s.buttonColor,
+              children: s.text
             }
           )
         ] })
@@ -308,135 +308,136 @@ const dn = ({
   );
 };
 function wo({
-  lookup: e = () => W(this, null, function* () {
+  lookup: e = () => z(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
   minLength: r,
-  label: a,
-  value: l,
-  dataTestidPrefix: c,
-  sx: m,
-  textFieldColor: d,
-  textFieldVariant: g = "filled",
+  label: s,
+  value: c,
+  dataTestidPrefix: d,
+  sx: g,
+  textFieldColor: p,
+  textFieldVariant: h = "filled",
   loadingText: w = "Loading...",
   noOptionsText: x = "No options",
-  popupIcon: A = /* @__PURE__ */ o(jt, {}),
-  error: v = !1,
-  helperText: O = "",
-  preLoadedOptions: f = void 0
+  popupIcon: S = /* @__PURE__ */ o(jt, {}),
+  error: C = !1,
+  helperText: D = "",
+  preLoadedOptions: b = void 0,
+  disablePortal: m = !1
 }) {
-  const [h, I] = D(""), [E, N] = D(f || []), [F, L] = D(!1), [k, P] = D(!1), q = (p, s) => {
-    const u = l.filter((y) => y.id !== s);
-    n(u, "delete", p);
+  const [u, E] = O(""), [M, $] = O(b || []), [N, k] = O(!1), [_, F] = O(!1), H = (a, l) => {
+    const v = c.filter((j) => j.id !== l);
+    n(v, "delete", a);
   };
   X(() => {
-    let p;
-    const s = () => W(this, null, function* () {
-      p = new AbortController();
+    let a;
+    const l = () => z(this, null, function* () {
+      a = new AbortController();
       try {
-        const u = yield e(h, p.signal);
-        N(u != null ? u : []), P(!1);
-      } catch (u) {
-        if (u instanceof Error && u.name === "AbortError")
+        const v = yield e(u, a.signal);
+        $(v != null ? v : []), F(!1);
+      } catch (v) {
+        if (v instanceof Error && v.name === "AbortError")
           console.debug("Previous lookup request was cancelled");
         else
-          throw u;
+          throw v;
       }
     });
-    if (h !== "")
-      return (!r || h.length >= r) && !f ? (P(!0), s()) : P(!1), function() {
-        p && p.abort();
+    if (u !== "")
+      return (!r || u.length >= r) && !b ? (F(!0), l()) : F(!1), function() {
+        a && a.abort();
       };
-  }, [h, e, r, f]), X(() => {
-    !F && !f && N([]), !F && f && N(f);
-  }, [F, f]);
-  const H = kt(() => f ? (p, s) => p.filter(
-    (u) => u.label.toLowerCase().includes(s.inputValue.toLowerCase())
-  ) : (p) => p, [f]);
-  return /* @__PURE__ */ C(B, { children: [
+  }, [u, e, r, b]), X(() => {
+    !N && !b && $([]), !N && b && $(b);
+  }, [N, b]);
+  const R = kt(() => b ? (a, l) => a.filter(
+    (v) => v.label.toLowerCase().includes(l.inputValue.toLowerCase())
+  ) : (a) => a, [b]);
+  return /* @__PURE__ */ f(y, { children: [
     /* @__PURE__ */ o(
-      xe,
+      be,
       {
-        sx: m,
-        "data-testid": c ? c + "Autocomplete" : void 0,
-        disablePortal: !0,
+        sx: g,
+        "data-testid": d ? d + "Autocomplete" : void 0,
+        disablePortal: m,
         multiple: !0,
-        getOptionLabel: (p) => typeof p == "string" ? p : p.label,
-        filterOptions: H,
-        loading: k,
-        options: [...l, ...E],
+        getOptionLabel: (a) => typeof a == "string" ? a : a.label,
+        filterOptions: R,
+        loading: _,
+        options: [...c, ...M],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: l,
-        onOpen: () => L(!0),
-        onClose: () => L(!1),
-        onChange: (p, s, u) => {
-          n(s, u, p);
+        value: c,
+        onOpen: () => k(!0),
+        onClose: () => k(!1),
+        onChange: (a, l, v) => {
+          n(l, v, a);
         },
-        onInputChange: (p, s) => I(s),
+        onInputChange: (a, l) => E(l),
         noOptionsText: x,
         loadingText: w,
-        popupIcon: A,
-        renderInput: (p) => /* @__PURE__ */ o(
-          be,
-          b(i({}, p), {
-            label: a,
+        popupIcon: S,
+        renderInput: (a) => /* @__PURE__ */ o(
+          Ae,
+          A(i({}, a), {
+            label: s,
             fullWidth: !0,
-            variant: g,
-            error: v,
-            helperText: O,
-            InputProps: b(i({}, p.InputProps), {
-              endAdornment: /* @__PURE__ */ C(B, { children: [
-                k ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20 }) : null,
-                p.InputProps.endAdornment
+            variant: h,
+            error: C,
+            helperText: D,
+            InputProps: A(i({}, a.InputProps), {
+              endAdornment: /* @__PURE__ */ f(y, { children: [
+                _ ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20 }) : null,
+                a.InputProps.endAdornment
               ] })
             }),
-            "data-testid": c ? c + "TextField" : void 0,
-            onKeyDown: (s) => {
-              (s.key === "Backspace" || s.key === "Delete") && s.stopPropagation();
+            "data-testid": d ? d + "TextField" : void 0,
+            onKeyDown: (l) => {
+              (l.key === "Backspace" || l.key === "Delete") && l.stopPropagation();
             },
-            color: d
+            color: p
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (p, s) => p.id === s.id,
-        renderOption: (p, s, u) => {
+        isOptionEqualToValue: (a, l) => a.id === l.id,
+        renderOption: (a, l, v) => {
           if (t) {
-            const y = Jt(s.label, u.inputValue, {
+            const j = Jt(l.label, v.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), se = Kt(s.label, y);
-            return /* @__PURE__ */ ve(
+            }), le = Kt(l.label, j);
+            return /* @__PURE__ */ we(
               "li",
-              b(i({}, p), {
-                key: s.id,
-                "data-testid": c ? c + "li" + s.id.toString() : void 0
+              A(i({}, a), {
+                key: l.id,
+                "data-testid": d ? d + "li" + l.id.toString() : void 0
               }),
-              /* @__PURE__ */ o("div", { children: se.map((K, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: le.map((J, ce) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: K.highlight ? 700 : 400
+                    fontWeight: J.highlight ? 700 : 400
                   },
-                  children: K.text
+                  children: J.text
                 },
-                le
+                ce
               )) })
             );
           } else
-            return /* @__PURE__ */ ve(
+            return /* @__PURE__ */ we(
               "li",
-              b(i({}, p), {
-                key: s.id,
-                "data-testid": c ? c + "li" + s.id.toString() : void 0
+              A(i({}, a), {
+                key: l.id,
+                "data-testid": d ? d + "li" + l.id.toString() : void 0
               }),
-              s.label
+              l.label
             );
         }
       }
     ),
-    l.length > 0 && /* @__PURE__ */ o(S, { children: l.map((p) => /* @__PURE__ */ o(
+    c.length > 0 && /* @__PURE__ */ o(I, { children: c.map((a) => /* @__PURE__ */ o(
       Et,
       {
         sx: {
@@ -447,7 +448,7 @@ function wo({
         label: /* @__PURE__ */ o(
           yt,
           {
-            title: p.tooltipContent || "",
+            title: a.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -459,19 +460,19 @@ function wo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o($, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
           }
         ),
-        "data-testid": c ? c + "Chip" + p.id.toString() : void 0,
-        onDelete: (s) => q(s, p.id),
+        "data-testid": d ? d + "Chip" + a.id.toString() : void 0,
+        onDelete: (l) => H(l, a.id),
         deleteIcon: /* @__PURE__ */ o(
           Xt,
           {
-            "data-testid": c ? c + "ChipDelete" + p.id.toString() : "CancelIcon"
+            "data-testid": d ? d + "ChipDelete" + a.id.toString() : "CancelIcon"
           }
         )
       },
-      p.id
+      a.id
     )) })
   ] });
 }
@@ -480,75 +481,77 @@ const xo = ({
   onChange: t,
   label: n,
   value: r,
-  sx: a,
-  textFieldColor: l,
-  textFieldVariant: c = "filled",
-  dataTestidPrefix: m = "",
-  minLength: d = 3
+  sx: s,
+  textFieldColor: c,
+  textFieldVariant: d = "filled",
+  dataTestidPrefix: g = "",
+  minLength: p = 3,
+  disablePortal: h = !1
 }) => {
-  const [g, w] = D([]), [x, A] = D(!1);
-  let v;
-  const O = (f) => W(void 0, null, function* () {
-    v = new AbortController();
+  const [w, x] = O([]), [S, C] = O(!1);
+  let D;
+  const b = (m) => z(void 0, null, function* () {
+    D = new AbortController();
     try {
-      const h = yield e(f, v.signal);
-      w(h != null ? h : []), A(!1);
-    } catch (h) {
-      if (h instanceof Error && h.name === "AbortError")
+      const u = yield e(m, D.signal);
+      x(u != null ? u : []), C(!1);
+    } catch (u) {
+      if (u instanceof Error && u.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
       else
-        throw h;
+        throw u;
     }
   });
-  return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(Bt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    xe,
+  return /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(Bt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    be,
     {
-      sx: a,
-      "data-testid": m ? m + "Autocomplete" : void 0,
-      loading: x,
-      options: g,
-      onChange: (f, h) => {
-        t(f, h);
+      sx: s,
+      "data-testid": g ? g + "Autocomplete" : void 0,
+      loading: S,
+      options: w,
+      onChange: (m, u) => {
+        t(m, u);
       },
-      filterOptions: (f) => f,
+      disablePortal: h,
+      filterOptions: (m) => m,
       value: r,
-      getOptionLabel: (f) => f.label,
-      renderInput: (f) => /* @__PURE__ */ o(
-        be,
-        b(i({
-          "data-testid": m ? m + "TextField" : void 0
-        }, f), {
-          variant: c,
+      getOptionLabel: (m) => m.label,
+      renderInput: (m) => /* @__PURE__ */ o(
+        Ae,
+        A(i({
+          "data-testid": g ? g + "TextField" : void 0
+        }, m), {
+          variant: d,
           label: n,
-          color: l
+          color: c
         })
       ),
-      isOptionEqualToValue: (f, h) => f.id === h.id,
-      onInputChange: (f, h) => {
-        (h == null ? void 0 : h.length) >= d && (A(!0), O(h));
+      isOptionEqualToValue: (m, u) => m.id === u.id,
+      onInputChange: (m, u) => {
+        (u == null ? void 0 : u.length) >= p && (C(!0), b(u));
       },
-      renderOption: (f, h) => /* @__PURE__ */ ve(
+      renderOption: (m, u) => /* @__PURE__ */ we(
         "li",
-        b(i({}, f), {
-          key: h.id,
-          "data-testid": m ? m + "li" + h.id.toString() : void 0
+        A(i({}, m), {
+          key: u.id,
+          "data-testid": g ? g + "li" + u.id.toString() : void 0
         }),
-        h.label
+        u.label
       )
     }
   ) }) });
-}, pn = 24, un = 64, U = "TopBar", T = {
-  topStripe: `${U}-topStripe`,
-  titleBar: `${U}-titleBar`,
-  titleSlider: `${U}-titleSlider`,
-  titleText: `${U}-titleText`,
-  leftPanelButton: `${U}-leftPanelButton`,
-  rightPanelButton: `${U}-leftPanelButton`
-}, hn = Se("div", {
+}, pn = 24, un = 64, q = "TopBar", T = {
+  topStripe: `${q}-topStripe`,
+  titleBar: `${q}-titleBar`,
+  titleSlider: `${q}-titleSlider`,
+  titleText: `${q}-titleText`,
+  leftPanelButton: `${q}-leftPanelButton`,
+  rightPanelButton: `${q}-leftPanelButton`
+}, hn = Ie("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: U
+  name: q
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var r, a;
+  var r, s;
   return {
     width: "100%",
     [`& .${T.topStripe}`]: {
@@ -592,7 +595,7 @@ const xo = ({
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
+      marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
     })
   };
 });
@@ -602,11 +605,11 @@ function gn({
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ C(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ f(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
     /* @__PURE__ */ o("div", { className: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ C(S, { className: T.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ C(
-        Q,
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ f(I, { className: T.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
+        K,
         {
           className: T.leftPanelButton,
           color: "inherit",
@@ -616,13 +619,13 @@ function gn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(et, {})
+            /* @__PURE__ */ o(tt, {})
           ]
         }
       ),
-      /* @__PURE__ */ o($, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ C(
-        Q,
+      /* @__PURE__ */ o(B, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ f(
+        K,
         {
           className: T.rightPanelButton,
           color: "inherit",
@@ -632,14 +635,14 @@ function gn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(tt, {})
+            /* @__PURE__ */ o(nt, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const lt = 400, fn = Se(we, {
+const ct = 400, fn = Ie(xe, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -653,7 +656,7 @@ const lt = 400, fn = Se(we, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: s, navBarWidthClosed: c }) => ({
     width: e,
     "& .MuiDrawer-paper": i(i({
       position: "absolute",
@@ -664,14 +667,14 @@ const lt = 400, fn = Se(we, {
     }, t && {
       opacity: "50%"
     }), n === "left" && i({
-      marginLeft: `${l}px`
+      marginLeft: `${c}px`
     }, r && {
-      marginLeft: `${a}px`
+      marginLeft: `${s}px`
     }))
   })
-), mn = Se(S, {
+), mn = Ie(I, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => b(i({
+})(({ theme: e, anchor: t }) => A(i({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -689,64 +692,64 @@ const lt = 400, fn = Se(we, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function He({
+function Re({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: r = () => {
   },
-  titleText: a = "",
-  width: l = lt,
-  showCloseArrow: c = !0,
-  debugOpacity: m = !1,
-  headerBoxProps: d = {},
-  onOpened: g,
+  titleText: s = "",
+  width: c = ct,
+  showCloseArrow: d = !0,
+  debugOpacity: g = !1,
+  headerBoxProps: p = {},
+  onOpened: h,
   onClosed: w,
   "data-testid": x,
-  navBarOpen: A = !1,
-  navBarWidthOpen: v = 0,
-  navBarWidthClosed: O = 0
+  navBarOpen: S = !1,
+  navBarWidthOpen: C = 0,
+  navBarWidthClosed: D = 0
 }) {
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ f(
     fn,
     {
       SlideProps: {
-        onEntered: () => g == null ? void 0 : g(),
+        onEntered: () => h == null ? void 0 : h(),
         onExited: () => w == null ? void 0 : w()
       },
       variant: "persistent",
       anchor: t,
       open: n,
-      width: l,
-      debugOpacity: m,
+      width: c,
+      debugOpacity: g,
       "data-testid": x,
-      navBarOpen: A,
-      navBarWidthOpen: v,
-      navBarWidthClosed: O,
+      navBarOpen: S,
+      navBarWidthOpen: C,
+      navBarWidthClosed: D,
       children: [
-        /* @__PURE__ */ o(mn, b(i({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ C(B, { children: [
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
-          c && /* @__PURE__ */ C(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(tt, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(mn, A(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(y, { children: [
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: s }),
+          d && /* @__PURE__ */ f(K, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(nt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ C(B, { children: [
-          c && /* @__PURE__ */ C(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(et, {}),
+        ] }) : /* @__PURE__ */ f(y, { children: [
+          d && /* @__PURE__ */ f(K, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(tt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: s })
         ] }) })),
         e
       ]
     }
   );
 }
-const Cn = M(S, {
+const Cn = L(I, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var r, a;
+  var r, s;
   return i(i({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
@@ -763,24 +766,24 @@ const Cn = M(S, {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
+    marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
   });
-}), vn = M(Je, {
+}), vn = L(Ye, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), me = !1, Ce = !1, ee = {
+})), Ce = !1, ve = !1, te = {
   titleText: "",
   flavour: "push",
-  width: lt,
+  width: ct,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(B, {}),
+  content: /* @__PURE__ */ o(y, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
@@ -790,84 +793,84 @@ function bo({
   titleText: t = "",
   leftPanel: n,
   rightPanel: r,
-  sidePanelsAreMutuallyExclusive: a = !0,
-  debugOpacity: l = !1,
-  pageContainerProps: c,
-  pageContentDataTestId: m,
-  topBarDataTestId: d,
-  navBarOpen: g,
+  sidePanelsAreMutuallyExclusive: s = !0,
+  debugOpacity: c = !1,
+  pageContainerProps: d,
+  pageContentDataTestId: g,
+  topBarDataTestId: p,
+  navBarOpen: h,
   navBarWidthOpen: w,
   navBarWidthClosed: x
 }) {
-  const [A, v] = D(me), [O, f] = D(Ce), [h, I] = D(me), [E, N] = D(Ce), F = n !== void 0, L = r !== void 0, {
+  const [S, C] = O(Ce), [D, b] = O(ve), [m, u] = O(Ce), [E, M] = O(ve), $ = n !== void 0, N = r !== void 0, {
     titleText: k,
-    content: P,
-    flavour: q,
+    content: _,
+    flavour: F,
     open: H,
-    onChangeOpen: p,
-    width: s,
-    arrowButtons: u,
-    startOpen: y,
-    onOpened: se,
-    onClosed: K,
-    dataTestId: le
-  } = n ? i(i({}, ee), n) : i({}, ee), {
-    titleText: wt,
+    onChangeOpen: R,
+    width: a,
+    arrowButtons: l,
+    startOpen: v,
+    onOpened: j,
+    onClosed: le,
+    dataTestId: J
+  } = n ? i(i({}, te), n) : i({}, te), {
+    titleText: ce,
     content: xt,
-    flavour: De,
-    open: ce,
-    onChangeOpen: Oe,
-    width: de,
-    arrowButtons: J,
-    startOpen: Y,
+    flavour: Oe,
+    open: de,
+    onChangeOpen: ke,
+    width: pe,
+    arrowButtons: Y,
+    startOpen: Z,
     onOpened: bt,
     onClosed: At,
     dataTestId: St
-  } = r ? i(i({}, ee), r) : i({}, ee);
+  } = r ? i(i({}, te), r) : i({}, te);
   X(() => {
-    y !== me && (v(y), I(y));
-  }, [y]), X(() => {
-    Y !== Ce && (f(Y), N(Y));
-  }, [Y]);
-  const pe = H === void 0 ? A : H, ue = ce === void 0 ? O : ce, ke = (R) => {
-    H === void 0 && (v(R), a && L && (R ? (f(!1), N(O)) : f(E))), p && p(R);
-  }, Te = (R) => {
-    ce === void 0 && (f(R), a && F && (R ? (v(!1), I(A)) : v(h))), Oe && Oe(R);
+    v !== Ce && (C(v), u(v));
+  }, [v]), X(() => {
+    Z !== ve && (b(Z), M(Z));
+  }, [Z]);
+  const ue = H === void 0 ? S : H, he = de === void 0 ? D : de, Te = (W) => {
+    H === void 0 && (C(W), s && N && (W ? (b(!1), M(D)) : b(E))), R && R(W);
+  }, Ee = (W) => {
+    de === void 0 && (b(W), s && $ && (W ? (C(!1), u(S)) : C(m))), ke && ke(W);
   };
-  return /* @__PURE__ */ C(S, { children: [
-    F && /* @__PURE__ */ o(
-      He,
+  return /* @__PURE__ */ f(I, { children: [
+    $ && /* @__PURE__ */ o(
+      Re,
       {
-        "data-testid": le,
+        "data-testid": J,
         anchor: "left",
-        open: pe,
-        onClose: () => ke(!1),
-        width: s,
+        open: ue,
+        onClose: () => Te(!1),
+        width: a,
         titleText: k,
-        debugOpacity: l,
-        showCloseArrow: u === "both" || u === "close",
-        onOpened: se,
-        onClosed: K,
-        navBarOpen: g,
+        debugOpacity: c,
+        showCloseArrow: l === "both" || l === "close",
+        onOpened: j,
+        onClosed: le,
+        navBarOpen: h,
         navBarWidthOpen: w,
         navBarWidthClosed: x,
-        children: P
+        children: _
       }
     ),
-    L && /* @__PURE__ */ o(
-      He,
+    N && /* @__PURE__ */ o(
+      Re,
       {
         "data-testid": St,
         anchor: "right",
-        open: ue,
-        onClose: () => Te(!1),
-        width: de,
-        titleText: wt,
-        debugOpacity: l,
-        showCloseArrow: J === "both" || J === "close",
+        open: he,
+        onClose: () => Ee(!1),
+        width: pe,
+        titleText: ce,
+        debugOpacity: c,
+        showCloseArrow: Y === "both" || Y === "close",
         onOpened: bt,
         onClosed: At,
-        navBarOpen: g,
+        navBarOpen: h,
         navBarWidthOpen: w,
         navBarWidthClosed: x,
         children: xt
@@ -877,67 +880,67 @@ function bo({
       gn,
       i(i({
         titleText: t,
-        "data-testid": d
-      }, F && q === "push" ? {
+        "data-testid": p
+      }, $ && F === "push" ? {
         leftPanel: {
-          open: pe,
-          width: s,
-          onOpen: () => ke(!0),
-          showOpenArrow: u === "both" || u === "open"
-        }
-      } : {}), L && De === "push" ? {
-        rightPanel: {
           open: ue,
-          width: de,
+          width: a,
           onOpen: () => Te(!0),
-          showOpenArrow: J === "both" || J === "open"
+          showOpenArrow: l === "both" || l === "open"
+        }
+      } : {}), N && Oe === "push" ? {
+        rightPanel: {
+          open: he,
+          width: pe,
+          onOpen: () => Ee(!0),
+          showOpenArrow: Y === "both" || Y === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
       Cn,
-      b(i(i({}, q === "push" ? {
+      A(i(i({}, F === "push" ? {
         leftPanel: {
-          open: pe,
-          width: s
+          open: ue,
+          width: a
         }
-      } : {}), De === "push" ? {
+      } : {}), Oe === "push" ? {
         rightPanel: {
-          open: ue,
-          width: de
+          open: he,
+          width: pe
         }
       } : {}), {
-        children: /* @__PURE__ */ o(vn, b(i({ "data-testid": m }, c), { children: e }))
+        children: /* @__PURE__ */ o(vn, A(i({ "data-testid": g }, d), { children: e }))
       })
     )
   ] });
 }
-const ct = () => {
-  const e = re();
+const dt = () => {
+  const e = ie();
   return $t(e.breakpoints.down("sm"));
-}, wn = 64, xn = 64, bn = 256, ae = _(!0), dt = _(bn), pt = _(xn), ut = _(""), ht = _(wn), gt = _(void 0);
+}, wn = 64, xn = 64, bn = 256, se = P(!0), pt = P(bn), ut = P(xn), ht = P(""), gt = P(wn), ft = P(void 0);
 function An({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const te = "Navbar", j = {
-  root: `${te}-root`,
-  menuButton: `${te}-menuButton`,
-  hide: `${te}-hide`,
-  content: `${te}-content`
+const ne = "Navbar", Q = {
+  root: `${ne}-root`,
+  menuButton: `${ne}-menuButton`,
+  hide: `${ne}-hide`,
+  content: `${ne}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Sn = M(S, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${j.root}`]: {
+}, Sn = L(I, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${Q.root}`]: {
     display: "flex"
   },
-  [`& .${j.menuButton}`]: {
+  [`& .${Q.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${j.hide}`]: {
+  [`& .${Q.hide}`]: {
     display: "none"
   },
-  [`& .${j.content}`]: {
+  [`& .${Q.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -946,11 +949,11 @@ const te = "Navbar", j = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), oe = (e, t, n) => e.transitions.create(t, {
+})), re = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
 }), In = (e) => {
-  const t = re();
+  const t = ie();
   return /* @__PURE__ */ o(
     Nt,
     i({
@@ -961,7 +964,7 @@ const te = "Navbar", j = {
       }
     }, e)
   );
-}, ft = (e) => {
+}, mt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -969,40 +972,40 @@ const te = "Navbar", j = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Re = (e, t) => i({
+}, We = (e, t) => i({
   width: t,
-  transition: oe(e, "width", "entering")
-}, ft(e)), We = (e, t) => i({
+  transition: re(e, "width", "entering")
+}, mt(e)), ze = (e, t) => i({
   width: t,
-  transition: oe(e, "width", "leaving")
-}, ft(e)), Dn = M(we, {
+  transition: re(e, "width", "leaving")
+}, mt(e)), Dn = L(xe, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: a }) => i(i({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: s }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && b(i({}, Re(e, n)), {
+}, t && A(i({}, We(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Re(e, n)
-})), !t && b(i({}, We(e, a ? n : r)), {
+  "& .MuiDrawer-paper": We(e, n)
+})), !t && A(i({}, ze(e, s ? n : r)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": We(e, a ? n : r)
+  "& .MuiDrawer-paper": ze(e, s ? n : r)
 })));
 function On(e) {
   let t = 0;
   for (let n = 0, r = e.length; n < r; n++) {
-    const a = e.charCodeAt(n);
-    t = (t << 5) - t + a, t |= 0;
+    const s = e.charCodeAt(n);
+    t = (t << 5) - t + s, t |= 0;
   }
   return t;
 }
-const ze = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], kn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], kn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Tn({ user: e, domainCode: t, open: n }) {
-  const r = re();
-  return /* @__PURE__ */ C(
-    S,
+  const r = ie();
+  return /* @__PURE__ */ f(
+    I,
     {
       sx: {
         paddingTop: 3,
@@ -1013,30 +1016,30 @@ function Tn({ user: e, domainCode: t, open: n }) {
       },
       children: [
         /* @__PURE__ */ o(
-          S,
+          I,
           {
             sx: {
               width: n ? "5rem" : "2rem",
-              transition: n ? oe(r, ["width", "height"], "entering") : oe(r, ["width", "height"], "leaving"),
+              transition: n ? re(r, ["width", "height"], "entering") : re(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Ne,
+              Fe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: ze[Math.abs(On(e.name)) % ze.length]
+                  bgcolor: Ge[Math.abs(On(e.name)) % Ge.length]
                 },
                 children: kn(e.name)
               }
-            ) : /* @__PURE__ */ o(Ne, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(In, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ft, { in: n, children: /* @__PURE__ */ C(S, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o($, { children: e.name }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o($, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(In, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ft, { in: n, children: /* @__PURE__ */ f(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(B, { children: e.name }) : /* @__PURE__ */ o(Le, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Le, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -1047,39 +1050,39 @@ function En({
   widthClosed: t,
   widthOpen: n,
   "data-testid": r,
-  top: a,
-  middle: l,
-  bottom: c,
-  user: m,
-  domainCode: d
+  top: s,
+  middle: c,
+  bottom: d,
+  user: g,
+  domainCode: p
 }) {
-  const g = ct(), w = nt(ae);
-  return /* @__PURE__ */ o(Sn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ C(
+  const h = dt(), w = ot(se);
+  return /* @__PURE__ */ o(Sn, { className: Q.root, "data-testid": r, children: /* @__PURE__ */ f(
     Dn,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: g ? "temporary" : "permanent",
+      variant: h ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
         w(!1);
       },
-      isSmallScreen: g,
+      isSmallScreen: h,
       children: [
-        !g && /* @__PURE__ */ o(Lt, {}),
-        a && /* @__PURE__ */ C(S, { flexGrow: "0", children: [
-          a,
-          /* @__PURE__ */ o(Le, { variant: "middle" })
+        !h && /* @__PURE__ */ o(Lt, {}),
+        s && /* @__PURE__ */ f(I, { flexGrow: "0", children: [
+          s,
+          /* @__PURE__ */ o(Pe, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(S, { flexGrow: "1", children: Array.isArray(l) ? /* @__PURE__ */ o(An, { links: l }) : l }),
-        /* @__PURE__ */ C(S, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Le, { variant: "middle" }),
-          /* @__PURE__ */ o(Tn, { user: m, domainCode: d, open: e }),
-          c && /* @__PURE__ */ o(B, { children: c })
+        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(c) ? /* @__PURE__ */ o(An, { links: c }) : c }),
+        /* @__PURE__ */ f(I, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(Pe, { variant: "middle" }),
+          /* @__PURE__ */ o(Tn, { user: g, domainCode: p, open: e }),
+          d && /* @__PURE__ */ o(y, { children: d })
         ] })
       ]
     }
@@ -1091,7 +1094,7 @@ function yn({
   maxWidth: n = !1
 }) {
   return /* @__PURE__ */ o(
-    S,
+    I,
     {
       sx: {
         overflow: "auto",
@@ -1101,7 +1104,7 @@ function yn({
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Je,
+        Ye,
         {
           component: "main",
           id: "main-content",
@@ -1117,9 +1120,9 @@ const Bn = "TopBar", $n = {
   titleText: `${Bn}-titleText`
 };
 function Nn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = nt(ae), a = () => r((m) => !m), l = re(), c = ct();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ C(
-    Ke,
+  const r = ot(se), s = () => r((g) => !g), c = ie(), d = dt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
+    Je,
     {
       square: !0,
       elevation: 0,
@@ -1133,11 +1136,11 @@ function Nn({ titleText: e = "", height: t, "data-testid": n }) {
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: c ? 0 : l.zIndex.drawer + 1
+        zIndex: d ? 0 : c.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: a, children: /* @__PURE__ */ o(Qt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o($, { className: $n.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(K, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Qt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(B, { className: $n.titleText, variant: "h6", children: e })
       ]
     }
   ) });
@@ -1147,43 +1150,43 @@ function Ao({
   initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: r,
-  pageContentDataTestId: a,
-  topBarDataTestId: l,
-  navBarDataTestId: c,
-  navBarMiddle: m,
-  navBarBottom: d,
-  user: g,
+  pageContentDataTestId: s,
+  topBarDataTestId: c,
+  navBarDataTestId: d,
+  navBarMiddle: g,
+  navBarBottom: p,
+  user: h,
   domainCode: w
 }) {
-  const [x, A] = G(ae), [v] = G(dt), [O] = G(pt), [f, h] = G(ut), [I] = G(ht), [E] = G(gt);
+  const [x, S] = U(se), [C] = U(pt), [D] = U(ut), [b, m] = U(ht), [u] = U(gt), [E] = U(ft);
   return X(() => {
-    t !== void 0 && h(t);
-  }, [t, h]), X(() => {
-    n !== void 0 && A(n);
-  }, [n, A]), /* @__PURE__ */ C(S, { children: [
+    t !== void 0 && m(t);
+  }, [t, m]), X(() => {
+    n !== void 0 && S(n);
+  }, [n, S]), /* @__PURE__ */ f(I, { children: [
     /* @__PURE__ */ o(Pt, {}),
-    /* @__PURE__ */ o(Nn, { titleText: f, "data-testid": l, height: I }),
-    /* @__PURE__ */ C(S, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ o(Nn, { titleText: b, "data-testid": c, height: u }),
+    /* @__PURE__ */ f(I, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         En,
         {
           open: x,
           top: E,
-          middle: m,
-          bottom: d,
-          user: g,
+          middle: g,
+          bottom: p,
+          user: h,
           domainCode: w,
-          widthOpen: v,
-          widthClosed: O,
-          offsetTop: I,
-          "data-testid": c
+          widthOpen: C,
+          widthClosed: D,
+          offsetTop: u,
+          "data-testid": d
         }
       ),
       /* @__PURE__ */ o(
         yn,
-        b(i({
-          "data-testid": a,
-          topBarHeight: I
+        A(i({
+          "data-testid": s,
+          topBarHeight: u
         }, r), {
           children: e
         })
@@ -1199,83 +1202,83 @@ const Fn = {
   disableWindowBlurListener: !1
 }, Ln = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ge = {
+}, Ue = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ue = 100, qe = 2e3, Pn = 2e3, Mn = (() => {
+}, qe = 100, Ve = 2e3, Pn = 2e3, Mn = (() => {
   let e = 0;
   return () => (e += 1, e);
 })(), _n = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Hn = {}, Rn = {}, mt = je(null);
-function Wn(l) {
-  var c = l, {
+}, Hn = {}, Rn = {}, Ct = Qe(null);
+function Wn(c) {
+  var d = c, {
     overrideState: e = Hn,
     overrideActions: t = Rn,
     shouldClose: n = Ln.shouldClose,
     children: r
-  } = c, a = Be(c, [
+  } = d, s = $e(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var p;
-  const [{ open: m }, d] = D({ open: !1 }), g = ge([]), w = ge(Date.now()), x = ge(0), A = ne((s) => {
-    d({ open: s });
-  }, []), v = ne((s = {}) => {
-    x.current += 1, g.current.length >= Ue && Date.now() - w.current >= qe && (w.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${x.current} times in last ${qe}ms)`
+  var R;
+  const [{ open: g }, p] = O({ open: !1 }), h = fe([]), w = fe(Date.now()), x = fe(0), S = oe((a) => {
+    p({ open: a });
+  }, []), C = oe((a = {}) => {
+    x.current += 1, h.current.length >= qe && Date.now() - w.current >= Ve && (w.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${qe}) hit ${x.current} times in last ${Ve}ms)`
     ), x.current = 0);
-    const u = i(b(i({}, Ge), {
+    const l = i(A(i({}, Ue), {
       key: Mn()
-    }), s);
-    return g.current.push(u), g.current.length === 1 && d({ open: !0 }), u.key;
-  }, []), O = (s = "", u = {}) => v(i({ message: s, severity: "success" }, u)), f = (s = "", u = {}) => v(i({ message: s, severity: "info" }, u)), h = (s = "", u = {}) => v(i({ message: s, severity: "warning" }, u)), I = (s = "", u = {}) => v(i({ message: s, severity: "error" }, u)), E = (s) => {
-    const u = g.current.findIndex((y) => y.key === s);
-    if (u !== -1)
-      return u === 0 ? (d({ open: !1 }), g.current[0]) : g.current.splice(u, 1);
-  }, N = (s, u) => {
-    n(s, u) && d({ open: !1 });
-  }, F = () => {
-  }, L = () => {
-    g.current.shift(), g.current.length > 0 && d({ open: !0 });
-  }, k = (p = g.current[0]) != null ? p : i({}, Ge), P = {};
-  "autoHideDuration" in k && (P.autoHideDuration = k.autoHideDuration);
-  const q = i(i({}, Fn), a), H = i(i({
-    open: m,
-    setOpen: A,
-    enqueueNotification: v,
-    enqueueSuccessNotification: O,
-    enqueueInfoNotification: f,
-    enqueueWarningNotification: h,
-    enqueueErrorNotification: I,
+    }), a);
+    return h.current.push(l), h.current.length === 1 && p({ open: !0 }), l.key;
+  }, []), D = (a = "", l = {}) => C(i({ message: a, severity: "success" }, l)), b = (a = "", l = {}) => C(i({ message: a, severity: "info" }, l)), m = (a = "", l = {}) => C(i({ message: a, severity: "warning" }, l)), u = (a = "", l = {}) => C(i({ message: a, severity: "error" }, l)), E = (a) => {
+    const l = h.current.findIndex((v) => v.key === a);
+    if (l !== -1)
+      return l === 0 ? (p({ open: !1 }), h.current[0]) : h.current.splice(l, 1);
+  }, M = (a, l) => {
+    n(a, l) && p({ open: !1 });
+  }, $ = () => {
+  }, N = () => {
+    h.current.shift(), h.current.length > 0 && p({ open: !0 });
+  }, k = (R = h.current[0]) != null ? R : i({}, Ue), _ = {};
+  "autoHideDuration" in k && (_.autoHideDuration = k.autoHideDuration);
+  const F = i(i({}, Fn), s), H = i(i({
+    open: g,
+    setOpen: S,
+    enqueueNotification: C,
+    enqueueSuccessNotification: D,
+    enqueueInfoNotification: b,
+    enqueueWarningNotification: m,
+    enqueueErrorNotification: u,
     removeNotification: E
   }, e), t);
-  return /* @__PURE__ */ C(mt.Provider, { value: H, children: [
+  return /* @__PURE__ */ f(Ct.Provider, { value: H, children: [
     r,
     /* @__PURE__ */ o(
       Mt,
-      b(i(i({}, q), P), {
-        open: m,
-        onClose: N,
+      A(i(i({}, F), _), {
+        open: g,
+        onClose: M,
         TransitionProps: {
-          onExited: L,
-          onExit: F
+          onExited: N,
+          onExit: $
         },
         sx: { zIndex: Pn },
-        children: /* @__PURE__ */ C("div", { children: [
+        children: /* @__PURE__ */ f("div", { children: [
           /* @__PURE__ */ o(
             _t,
             {
-              onClose: (s) => N(s, "closeAlert"),
+              onClose: (a) => M(a, "closeAlert"),
               severity: k.severity,
               variant: "filled",
-              icon: k.progressIndicator === "circular" ? /* @__PURE__ */ o(Ae, { size: "1em" }) : void 0,
+              icon: k.progressIndicator === "circular" ? /* @__PURE__ */ o(Se, { size: "1em" }) : void 0,
               style: k.progressIndicator === "linear" ? _n : void 0,
               children: k.message
             }
@@ -1287,24 +1290,24 @@ function Wn(l) {
   ] });
 }
 function zn() {
-  const e = Qe(mt);
+  const e = Ke(Ct);
   if (e === null)
-    throw new Ie("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const So = ie(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Wn, b(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+const So = ae(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Wn, A(i({}, e), { overrideState: t, overrideActions: n, children: r }))
 ), Gn = Yt(), Io = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(ot, { store: t != null ? t : Gn, children: e }), Ct = "domainCode";
-var Xe;
-const Ve = _(
-  JSON.parse((Xe = localStorage.getItem(Ct)) != null ? Xe : '{"domainCode": ""}').domainCode
-), vt = _(
-  (e) => e(Ve),
+}) => /* @__PURE__ */ o(rt, { store: t != null ? t : Gn, children: e }), vt = "domainCode";
+var je;
+const Xe = P(
+  JSON.parse((je = localStorage.getItem(vt)) != null ? je : '{"domainCode": ""}').domainCode
+), wt = P(
+  (e) => e(Xe),
   (e, t, n) => {
-    t(Ve, n), localStorage.setItem(Ct, JSON.stringify({ domainCode: n }));
+    t(Xe, n), localStorage.setItem(vt, JSON.stringify({ domainCode: n }));
   }
 ), Un = {
   act: "ACT",
@@ -1326,68 +1329,68 @@ const Ve = _(
   isOpen: t,
   onClose: n,
   domainOptions: r,
-  applicationName: a,
-  handleLogout: l
+  applicationName: s,
+  handleLogout: c
 }) => {
-  const [c, m] = G(vt), [d, g] = D(c), { enqueueSuccessNotification: w } = zn(), x = r.length === 0, A = !!c && !r.includes(c) && !r.includes(d), v = !c || x || A, O = () => W(void 0, null, function* () {
-    d ? (m(d), w(`Set domain to ${d}`), n()) : m("");
-  }), f = () => W(void 0, null, function* () {
-    c && !x && !A ? (g(c), n()) : v && l();
+  const [d, g] = U(wt), [p, h] = O(d), { enqueueSuccessNotification: w } = zn(), x = r.length === 0, S = !!d && !r.includes(d) && !r.includes(p), C = !d || x || S, D = () => z(void 0, null, function* () {
+    p ? (g(p), w(`Set domain to ${p}`), n()) : g("");
+  }), b = () => z(void 0, null, function* () {
+    d && !x && !S ? (h(d), n()) : C && c();
   });
-  let h;
-  return x ? h = "Unable to retrieve your active organisations. Try logging in again." : A && (h = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ C(
+  let m;
+  return x ? m = "Unable to retrieve your active organisations. Try logging in again." : S && (m = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
     dn,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: O,
-        disabled: !d || x || A,
+        onClick: D,
+        disabled: !p || x || S,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: v ? "Logout" : "Cancel",
-        onClick: f
+        text: C ? "Logout" : "Cancel",
+        onClick: b
       },
-      onClose: v ? () => {
+      onClose: C ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ C($, { marginBottom: 2, children: [
+        /* @__PURE__ */ f(B, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          a,
+          s,
           "."
         ] }),
         /* @__PURE__ */ o(
-          xe,
+          be,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: d !== "" ? d : null,
-            onChange: (I, E) => g(E != null ? E : ""),
+            value: p !== "" ? p : null,
+            onChange: (u, E) => h(E != null ? E : ""),
             getOptionLabel: qn,
             options: [...r],
-            renderInput: (I) => /* @__PURE__ */ o(
-              be,
-              b(i({}, I), {
+            renderInput: (u) => /* @__PURE__ */ o(
+              Ae,
+              A(i({}, u), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: b(i({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ C(B, { children: [
-                    e ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    I.InputProps.endAdornment
+                InputProps: A(i({}, u.InputProps), {
+                  endAdornment: /* @__PURE__ */ f(y, { children: [
+                    e ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    u.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        h && /* @__PURE__ */ o(Rt, { error: !0, children: h })
+        m && /* @__PURE__ */ o(Rt, { error: !0, children: m })
       ]
     }
   );
-}, Oo = Ye({
+}, Oo = Ze({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1438,7 +1441,7 @@ const Ve = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), ko = Ye({
+}), ko = Ze({
   palette: {
     primary: {
       main: "#007236",
@@ -1492,18 +1495,18 @@ const Ve = _(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: fe(
+            backgroundColor: me(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: fe(
+              backgroundColor: me(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: fe(
+              backgroundColor: me(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1530,17 +1533,17 @@ const Ve = _(
     backgroundColor: "#E8E8E8"
   }
 }), Vn = {
-  domainCode: vt,
-  navBarOpen: ae,
-  navBarWidthOpen: dt,
-  navBarWidthClosed: pt,
-  titleText: ut,
-  topBarHeight: ht,
-  navBarTop: gt
-}, To = ie(() => ({ children: e }) => /* @__PURE__ */ o(ot, { children: e })), Xn = ({
+  domainCode: wt,
+  navBarOpen: se,
+  navBarWidthOpen: pt,
+  navBarWidthClosed: ut,
+  titleText: ht,
+  topBarHeight: gt,
+  navBarTop: ft
+}, To = ae(() => ({ children: e }) => /* @__PURE__ */ o(rt, { children: e })), Xn = ({
   initialValues: e,
   children: t
-}) => (Zt(e), /* @__PURE__ */ o(B, { children: t })), Eo = ie(
+}) => (Zt(e), /* @__PURE__ */ o(y, { children: t })), Eo = ae(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     Xn,
     {
@@ -1558,14 +1561,14 @@ export {
   dn as AgDialog,
   Ao as AppLayout,
   Io as AtomProvider,
-  mt as Context,
-  Ie as ContextError,
+  Ct as Context,
+  De as ContextError,
   Do as DomainCodeDialog,
   go as ExampleComponent,
   wo as FetchAutocomplete,
   Xn as HydrateAtoms,
-  it as NAVBAR_WIDTH_CLOSED,
-  rt as NAVBAR_WIDTH_OPENED,
+  at as NAVBAR_WIDTH_CLOSED,
+  it as NAVBAR_WIDTH_OPENED,
   vo as NavBar,
   mo as NavBarDarkStyledList,
   Co as NavBarLightStyledList,
@@ -1575,19 +1578,19 @@ export {
   xo as SingleAutocomplete,
   Gn as atomStore,
   cn as buildNavBarState,
-  vt as domainCodeAtom,
+  wt as domainCodeAtom,
   Oo as fed21Theme,
   ko as internalAgSystemsTheme,
   V as navBarClasses,
-  ae as navBarOpenAtom,
-  gt as navBarTopAtom,
-  pt as navBarWidthClosedAtom,
-  dt as navBarWidthOpenAtom,
-  ut as titleTextAtom,
-  ht as topBarHeightAtom,
+  se as navBarOpenAtom,
+  ft as navBarTopAtom,
+  ut as navBarWidthClosedAtom,
+  pt as navBarWidthOpenAtom,
+  ht as titleTextAtom,
+  gt as topBarHeightAtom,
   ln as useNavBar,
   zn as useSaladBar,
-  ct as useSmallScreen,
+  dt as useSmallScreen,
   To as withAtomProvider,
   fo as withNavBarProvider,
   Eo as withOverrideDefaults,