@australiangreens/ag-internal-components 0.0.24 → 0.0.26

package/dist/esm/index.js

@@ -1,61 +1,443 @@
-var V = Object.defineProperty, $ = Object.defineProperties;
-var j = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var T = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var F = (e, t, r) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
-  for (var r in t || (t = {}))
-    T.call(t, r) && F(e, r, t[r]);
-  if (m)
-    for (var r of m(t))
-      N.call(t, r) && F(e, r, t[r]);
-  return e;
-}, g = (e, t) => $(e, j(t));
-var P = (e, t) => {
-  var r = {};
-  for (var i in e)
-    T.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
-  if (e != null && m)
-    for (var i of m(e))
-      t.indexOf(i) < 0 && N.call(e, i) && (r[i] = e[i]);
-  return r;
+var Et = Object.defineProperty, kt = Object.defineProperties;
+var Nt = Object.getOwnPropertyDescriptors;
+var M = Object.getOwnPropertySymbols;
+var at = Object.prototype.hasOwnProperty, st = Object.prototype.propertyIsEnumerable;
+var V = (t, e, n) => e in t ? Et(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, r = (t, e) => {
+  for (var n in e || (e = {}))
+    at.call(e, n) && V(t, n, e[n]);
+  if (M)
+    for (var n of M(e))
+      st.call(e, n) && V(t, n, e[n]);
+  return t;
+}, v = (t, e) => kt(t, Nt(e));
+var ct = (t, e) => {
+  var n = {};
+  for (var o in t)
+    at.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
+  if (t != null && M)
+    for (var o of M(t))
+      e.indexOf(o) < 0 && st.call(t, o) && (n[o] = t[o]);
+  return n;
 };
-var b = (e, t, r) => (F(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { jsxs as p, Fragment as K, jsx as s } from "react/jsx-runtime";
-import { useState as M, createContext as J, useRef as y, useContext as Y } from "react";
-import Z from "@mui/material/Button";
-import ee from "@mui/material/Paper";
-import D from "@mui/material/Typography";
-import { createTheme as q, alpha as x, ThemeProvider as te } from "@mui/material/styles";
-import re from "@mui/material/Snackbar";
-import oe from "@mui/material/Alert";
-import ne from "@mui/material/LinearProgress";
-import ie from "@mui/material/CircularProgress";
-import { AgError as ae } from "@australiangreens/ag-error";
-function Pe({ text: e }) {
-  const [t, r] = M(0);
-  return /* @__PURE__ */ p(K, { children: [
-    /* @__PURE__ */ s(D, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ s(D, { variant: "caption", display: "block", children: /* @__PURE__ */ s("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
-    /* @__PURE__ */ s(
-      Z,
+var lt = (t, e, n) => (V(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsxs as l, Fragment as q, jsx as i } from "react/jsx-runtime";
+import { useState as b, useEffect as dt, createContext as Dt, useRef as K, useContext as Lt } from "react";
+import $t from "@mui/material/Button";
+import Rt from "@mui/material/Paper";
+import E from "@mui/material/Typography";
+import { styled as k, Box as xt, IconButton as pt } from "@mui/material";
+import wt from "@mui/icons-material/ArrowForward";
+import vt from "@mui/icons-material/ArrowBack";
+import _t from "@mui/material/Drawer";
+import Ht from "@mui/material/Box";
+import ut from "@mui/material/IconButton";
+import Mt from "@mui/material/Container";
+import { createTheme as Ct, alpha as J, ThemeProvider as zt } from "@mui/material/styles";
+import qt from "@mui/material/Snackbar";
+import Gt from "@mui/material/Alert";
+import Ut from "@mui/material/LinearProgress";
+import Wt from "@mui/material/CircularProgress";
+import { AgError as Xt } from "@australiangreens/ag-error";
+import { createHelper as jt } from "souvlaki";
+function ke({ text: t }) {
+  const [e, n] = b(0);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ i(E, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ i(E, { variant: "caption", display: "block", children: /* @__PURE__ */ i("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ i(
+      $t,
       {
         variant: "outlined",
-        onClick: () => r((i) => i + 1),
+        onClick: () => n((o) => o + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ l("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ s("span", { children: e })
+      /* @__PURE__ */ i("span", { children: t })
     ] }),
-    /* @__PURE__ */ p(ee, { children: [
+    /* @__PURE__ */ l(Rt, { children: [
       "This number will incremember when button pressed: ",
-      t
+      e
     ] })
   ] });
 }
-const se = q({
+const Qt = 24, Vt = 64, C = "TopBar", u = {
+  topStripe: `${C}-topStripe`,
+  titleBar: `${C}-titleBar`,
+  titleSlider: `${C}-titleSlider`,
+  titleText: `${C}-titleText`,
+  leftPanelButton: `${C}-leftPanelButton`,
+  rightPanelButton: `${C}-leftPanelButton`
+}, Kt = k("div", {
+  shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
+  name: C
+})(({ theme: t, leftPanel: e, rightPanel: n }) => {
+  var o, c;
+  return {
+    width: "100%",
+    [`& .${u.topStripe}`]: {
+      width: "100%",
+      height: `${Qt}px`,
+      backgroundColor: t.palette.primary.main
+    },
+    [`& .${u.titleBar}`]: {
+      backgroundColor: t.palette.primary.light,
+      height: `${Vt}px`,
+      padding: t.spacing(0, 3),
+      width: "100%"
+    },
+    [`& .${u.titleSlider}`]: r(r({
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      color: "white",
+      transition: t.transitions.create("margin", {
+        easing: t.transitions.easing.sharp,
+        duration: t.transitions.duration.leavingScreen
+      }),
+      [`& .${u.leftPanelButton}`]: {
+        marginRight: t.spacing(2),
+        flexGrow: 0
+      },
+      [`& .${u.titleText}`]: {
+        flexGrow: 1
+      },
+      [`& .${u.rightPanelButton}`]: {
+        flexGrow: 0
+      }
+    }, (e == null ? void 0 : e.open) && {
+      transition: t.transitions.create("margin", {
+        easing: t.transitions.easing.easeOut,
+        duration: t.transitions.duration.enteringScreen
+      }),
+      marginLeft: `${(o = e == null ? void 0 : e.width) != null ? o : 0}px`
+    }), (n == null ? void 0 : n.open) && {
+      transition: t.transitions.create("margin", {
+        easing: t.transitions.easing.easeOut,
+        duration: t.transitions.duration.enteringScreen
+      }),
+      marginRight: `${(c = n == null ? void 0 : n.width) != null ? c : 0}px`
+    })
+  };
+});
+function Jt({
+  titleText: t = "",
+  leftPanel: e,
+  rightPanel: n,
+  "data-testid": o
+}) {
+  return /* @__PURE__ */ l(Kt, { leftPanel: e, rightPanel: n, "data-testid": o, children: [
+    /* @__PURE__ */ i("div", { className: u.topStripe }),
+    /* @__PURE__ */ i("div", { className: u.titleBar, children: /* @__PURE__ */ l(xt, { className: u.titleSlider, children: [
+      e !== void 0 && !e.open && e.showOpenArrow && /* @__PURE__ */ l(
+        pt,
+        {
+          className: u.leftPanelButton,
+          color: "inherit",
+          "aria-label": "Open left side panel",
+          onClick: e == null ? void 0 : e.onOpen,
+          edge: "start",
+          size: "large",
+          children: [
+            " ",
+            /* @__PURE__ */ i(wt, {})
+          ]
+        }
+      ),
+      /* @__PURE__ */ i(E, { className: u.titleText, variant: "h6", noWrap: !0, children: t }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ l(
+        pt,
+        {
+          className: u.rightPanelButton,
+          color: "inherit",
+          "aria-label": "Open right side panel",
+          onClick: n == null ? void 0 : n.onOpen,
+          edge: "end",
+          size: "large",
+          children: [
+            " ",
+            /* @__PURE__ */ i(vt, {})
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+const Ft = 400, Yt = k(_t, {
+  shouldForwardProp: (t) => (
+    // Note we do want anchor to be forwarded to the Drawer component
+    ![
+      "width",
+      "debug",
+      "debugOpacity",
+      "navBarOpen",
+      "navBarWidthOpen",
+      "navBarWidthClosed"
+    ].includes(t)
+  ),
+  name: "SidePanelDrawer"
+})(
+  ({ width: t, debugOpacity: e = !1, anchor: n, navBarOpen: o, navBarWidthOpen: c, navBarWidthClosed: m }) => ({
+    width: t,
+    "& .MuiDrawer-paper": r(r({
+      position: "absolute",
+      width: t,
+      boxSizing: "border-box",
+      border: "unset",
+      boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
+    }, e && {
+      opacity: "50%"
+    }), n === "left" && r({
+      marginLeft: `${m}px`
+    }, o && {
+      marginLeft: `${c}px`
+    }))
+  })
+), Zt = k(Ht, {
+  shouldForwardProp: (t) => !["anchor"].includes(t)
+})(({ theme: t, anchor: e }) => v(r({
+  display: "flex",
+  alignItems: "center",
+  padding: t.spacing(2)
+}, t.mixins.toolbar), {
+  justifyContent: e === "left" ? "space-between" : "flex-start",
+  backgroundColor: t.palette.primary.light,
+  height: "88px",
+  "&,*": {
+    color: "white"
+  },
+  " .MuiTypography-root": {
+    fontSize: "22px"
+  },
+  " .MuiButtonBase-root": {
+    marginRight: e === "right" ? t.spacing(2) : 0
+  }
+}));
+function ft({
+  children: t,
+  anchor: e = "left",
+  open: n,
+  onClose: o = () => {
+  },
+  titleText: c = "",
+  width: m = Ft,
+  showCloseArrow: h = !0,
+  debugOpacity: d = !1,
+  headerBoxProps: F = {},
+  onOpened: f,
+  onClosed: p,
+  "data-testid": O,
+  navBarOpen: T = !1,
+  navBarWidthOpen: x = 0,
+  navBarWidthClosed: y = 0
+}) {
+  return /* @__PURE__ */ l(
+    Yt,
+    {
+      SlideProps: {
+        onEntered: () => f == null ? void 0 : f(),
+        onExited: () => p == null ? void 0 : p()
+      },
+      variant: "persistent",
+      anchor: e,
+      open: n,
+      width: m,
+      debugOpacity: d,
+      "data-testid": O,
+      navBarOpen: T,
+      navBarWidthOpen: x,
+      navBarWidthClosed: y,
+      children: [
+        /* @__PURE__ */ i(Zt, v(r({ anchor: e }, F), { children: e === "left" ? /* @__PURE__ */ l(q, { children: [
+          /* @__PURE__ */ i(E, { variant: "h6", color: "inherit", component: "div", children: c }),
+          h && /* @__PURE__ */ l(ut, { onClick: o, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ i(vt, { "data-testid": "arrowbackicon" }),
+            " "
+          ] })
+        ] }) : /* @__PURE__ */ l(q, { children: [
+          h && /* @__PURE__ */ l(ut, { onClick: o, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ i(wt, {}),
+            " "
+          ] }),
+          /* @__PURE__ */ i(E, { variant: "h6", color: "inherit", component: "div", children: c })
+        ] }) })),
+        t
+      ]
+    }
+  );
+}
+const te = k("div", {
+  shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
+  name: "PanelAwareMargins"
+})(({ theme: t, leftPanel: e, rightPanel: n }) => {
+  var o, c;
+  return r(r({
+    transition: t.transitions.create("margin", {
+      easing: t.transitions.easing.sharp,
+      duration: t.transitions.duration.leavingScreen
+    })
+  }, (e == null ? void 0 : e.open) && {
+    transition: t.transitions.create("margin", {
+      easing: t.transitions.easing.easeOut,
+      duration: t.transitions.duration.enteringScreen
+    }),
+    marginLeft: `${(o = e == null ? void 0 : e.width) != null ? o : 0}px`
+  }), (n == null ? void 0 : n.open) && {
+    transition: t.transitions.create("margin", {
+      easing: t.transitions.easing.easeOut,
+      duration: t.transitions.duration.enteringScreen
+    }),
+    marginRight: `${(c = n == null ? void 0 : n.width) != null ? c : 0}px`
+  });
+}), ee = k(Mt, {
+  name: "PageContainer"
+})(({ theme: t }) => ({
+  // Horizontal padding comes from the Container's gutter
+  paddingTop: t.spacing(3),
+  paddingBottom: t.spacing(3)
+})), Y = !1, Z = !1, z = {
+  titleText: "",
+  flavour: "push",
+  width: Ft,
+  arrowButtons: "both",
+  startOpen: !1,
+  open: void 0,
+  onChangeOpen: void 0,
+  content: /* @__PURE__ */ i(q, {}),
+  onOpened: void 0,
+  onClosed: void 0,
+  dataTestId: void 0
+};
+function Ne({
+  children: t,
+  titleText: e = "",
+  leftPanel: n,
+  rightPanel: o,
+  sidePanelsAreMutuallyExclusive: c = !0,
+  debugOpacity: m = !1,
+  pageContainerProps: h,
+  pageContentDataTestId: d,
+  topBarDataTestId: F,
+  navBarOpen: f,
+  navBarWidthOpen: p,
+  navBarWidthClosed: O
+}) {
+  const [T, x] = b(Y), [y, S] = b(Z), [N, D] = b(Y), [G, g] = b(Z), B = n !== void 0, I = o !== void 0, {
+    titleText: L,
+    content: s,
+    flavour: a,
+    open: P,
+    onChangeOpen: et,
+    width: U,
+    arrowButtons: $,
+    startOpen: R,
+    onOpened: Tt,
+    onClosed: yt,
+    dataTestId: St
+  } = n ? r(r({}, z), n) : r({}, z), {
+    titleText: Bt,
+    content: bt,
+    flavour: nt,
+    open: W,
+    onChangeOpen: rt,
+    width: X,
+    arrowButtons: _,
+    startOpen: H,
+    onOpened: It,
+    onClosed: Pt,
+    dataTestId: At
+  } = o ? r(r({}, z), o) : r({}, z);
+  dt(() => {
+    R !== Y && (x(R), D(R));
+  }, [R]), dt(() => {
+    H !== Z && (S(H), g(H));
+  }, [H]);
+  const j = P === void 0 ? T : P, Q = W === void 0 ? y : W, ot = (w) => {
+    P === void 0 && (x(w), c && I && (w ? (S(!1), g(y)) : S(G))), et && et(w);
+  }, it = (w) => {
+    W === void 0 && (S(w), c && B && (w ? (x(!1), D(T)) : x(N))), rt && rt(w);
+  };
+  return /* @__PURE__ */ l(xt, { children: [
+    B && /* @__PURE__ */ i(
+      ft,
+      {
+        "data-testid": St,
+        anchor: "left",
+        open: j,
+        onClose: () => ot(!1),
+        width: U,
+        titleText: L,
+        debugOpacity: m,
+        showCloseArrow: $ === "both" || $ === "close",
+        onOpened: Tt,
+        onClosed: yt,
+        navBarOpen: f,
+        navBarWidthOpen: p,
+        navBarWidthClosed: O,
+        children: s
+      }
+    ),
+    I && /* @__PURE__ */ i(
+      ft,
+      {
+        "data-testid": At,
+        anchor: "right",
+        open: Q,
+        onClose: () => it(!1),
+        width: X,
+        titleText: Bt,
+        debugOpacity: m,
+        showCloseArrow: _ === "both" || _ === "close",
+        onOpened: It,
+        onClosed: Pt,
+        navBarOpen: f,
+        navBarWidthOpen: p,
+        navBarWidthClosed: O,
+        children: bt
+      }
+    ),
+    /* @__PURE__ */ i(
+      Jt,
+      r(r({
+        titleText: e,
+        "data-testid": F
+      }, B && a === "push" ? {
+        leftPanel: {
+          open: j,
+          width: U,
+          onOpen: () => ot(!0),
+          showOpenArrow: $ === "both" || $ === "open"
+        }
+      } : {}), I && nt === "push" ? {
+        rightPanel: {
+          open: Q,
+          width: X,
+          onOpen: () => it(!0),
+          showOpenArrow: _ === "both" || _ === "open"
+        }
+      } : {})
+    ),
+    /* @__PURE__ */ i(
+      te,
+      v(r(r({}, a === "push" ? {
+        leftPanel: {
+          open: j,
+          width: U
+        }
+      } : {}), nt === "push" ? {
+        rightPanel: {
+          open: Q,
+          width: X
+        }
+      } : {}), {
+        children: /* @__PURE__ */ i(ee, v(r({ "data-testid": d }, h), { children: t }))
+      })
+    )
+  ] });
+}
+const ne = Ct({
   palette: {
     primary: {
       main: "#007236",
@@ -107,22 +489,22 @@ const se = q({
     MuiMenuItem: {
       // Setting defaultProps for color on MenuItem does not work, so update manually
       styleOverrides: {
-        root: ({ theme: e }) => ({
+        root: ({ theme: t }) => ({
           "&.Mui-selected": {
-            backgroundColor: x(
-              e.palette.secondary.main,
-              e.palette.action.selectedOpacity
+            backgroundColor: J(
+              t.palette.secondary.main,
+              t.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: x(
-                e.palette.secondary.main,
-                e.palette.action.selectedOpacity
+              backgroundColor: J(
+                t.palette.secondary.main,
+                t.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: x(
-                e.palette.secondary.main,
-                e.palette.action.focusOpacity
+              backgroundColor: J(
+                t.palette.secondary.main,
+                t.palette.action.focusOpacity
               )
             }
           }
@@ -143,7 +525,7 @@ const se = q({
       fontWeight: 700
     }
   }
-}), ce = q({
+}), re = Ct({
   palette: {
     primary: {
       dark: "#00A651",
@@ -192,116 +574,116 @@ const se = q({
     }
   }
 });
-function be({
-  name: e = "internal",
-  children: t
+function De({
+  name: t = "internal",
+  children: e
 }) {
-  return /* @__PURE__ */ s(te, { theme: e === "internal" ? se : e === "fed21" ? ce : void 0, children: t });
+  return /* @__PURE__ */ i(zt, { theme: t === "internal" ? ne : t === "fed21" ? re : void 0, children: e });
 }
-class v extends ae {
+class tt extends Xt {
 }
-b(v, "errorName", "ContextError");
-const d = () => {
-  throw new v("SaladBarContext can only be used in a child of a <SaladBarProvider>");
-}, le = (e) => {
-  throw new v("SaladBarContext can only be used in a child of a <SaladBarProvider>");
-}, ue = {
-  enqueueNotification: d,
-  enqueueSuccessNotification: d,
-  enqueueInfoNotification: d,
-  enqueueWarningNotification: d,
-  enqueueErrorNotification: d,
-  removeNotification: le
-}, H = J(ue), de = {
+lt(tt, "errorName", "ContextError");
+const A = () => {
+  throw new tt("SaladBarContext can only be used in a child of a <SaladBarProvider>");
+}, oe = (t) => {
+  throw new tt("SaladBarContext can only be used in a child of a <SaladBarProvider>");
+}, ie = {
+  enqueueNotification: A,
+  enqueueSuccessNotification: A,
+  enqueueInfoNotification: A,
+  enqueueWarningNotification: A,
+  enqueueErrorNotification: A,
+  removeNotification: oe
+}, Ot = Dt(ie), ae = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, pe = {
-  shouldClose: (e, t) => t !== "clickaway"
-}, B = {
+}, se = {
+  shouldClose: (t, e) => e !== "clickaway"
+}, gt = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, w = 100, I = 2e3, fe = 2e3, me = (() => {
-  let e = 0;
-  return () => (e += 1, e);
-})(), he = {
+}, ht = 100, mt = 2e3, ce = 2e3, le = (() => {
+  let t = 0;
+  return () => (t += 1, t);
+})(), de = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
 };
-function De(i) {
-  var C = i, {
-    children: e,
-    shouldClose: t = pe.shouldClose
-  } = C, r = P(C, [
+function pe(o) {
+  var c = o, {
+    children: t,
+    shouldClose: e = se.shouldClose
+  } = c, n = ct(c, [
     "children",
     "shouldClose"
   ]);
-  var A;
-  const [L, f] = M(!1), c = y([]), k = y(Date.now()), h = y(0), u = (n = {}) => {
-    h.current += 1, c.current.length >= w && Date.now() - k.current >= I && (k.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${w}) hit ${h.current} times in last ${I}ms)`
-    ), h.current = 0);
-    const o = a(g(a({}, B), {
-      key: me()
-    }), n);
-    return c.current.push(o), c.current.length === 1 && f(!0), o.key;
-  }, R = (n = "", o = {}) => u(a({ message: n, severity: "success" }, o)), _ = (n = "", o = {}) => u(a({ message: n, severity: "info" }, o)), O = (n = "", o = {}) => u(a({ message: n, severity: "warning" }, o)), z = (n = "", o = {}) => u(a({ message: n, severity: "error" }, o)), U = (n) => {
-    const o = c.current.findIndex((Q) => Q.key === n);
-    if (o !== -1)
-      return o === 0 ? (f(!1), c.current[0]) : c.current.splice(o, 1);
-  }, S = (n, o) => {
-    t(n, o) && f(!1);
-  }, W = () => {
+  var L;
+  const [m, h] = b(!1), d = K([]), F = K(Date.now()), f = K(0), p = (s = {}) => {
+    f.current += 1, d.current.length >= ht && Date.now() - F.current >= mt && (F.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${ht}) hit ${f.current} times in last ${mt}ms)`
+    ), f.current = 0);
+    const a = r(v(r({}, gt), {
+      key: le()
+    }), s);
+    return d.current.push(a), d.current.length === 1 && h(!0), a.key;
+  }, O = (s = "", a = {}) => p(r({ message: s, severity: "success" }, a)), T = (s = "", a = {}) => p(r({ message: s, severity: "info" }, a)), x = (s = "", a = {}) => p(r({ message: s, severity: "warning" }, a)), y = (s = "", a = {}) => p(r({ message: s, severity: "error" }, a)), S = (s) => {
+    const a = d.current.findIndex((P) => P.key === s);
+    if (a !== -1)
+      return a === 0 ? (h(!1), d.current[0]) : d.current.splice(a, 1);
+  }, N = (s, a) => {
+    e(s, a) && h(!1);
+  }, D = () => {
   }, G = () => {
-    c.current.shift(), c.current.length > 0 && f(!0);
-  }, l = (A = c.current[0]) != null ? A : a({}, B), E = {};
-  "autoHideDuration" in l && (E.autoHideDuration = l.autoHideDuration);
-  const X = a(a({}, de), r);
+    d.current.shift(), d.current.length > 0 && h(!0);
+  }, g = (L = d.current[0]) != null ? L : r({}, gt), B = {};
+  "autoHideDuration" in g && (B.autoHideDuration = g.autoHideDuration);
+  const I = r(r({}, ae), n);
   return (
     // Should be resolved when we move to React >= 18
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    /* @__PURE__ */ p(
-      H.Provider,
+    /* @__PURE__ */ l(
+      Ot.Provider,
       {
         value: {
-          enqueueNotification: u,
-          enqueueSuccessNotification: R,
-          enqueueInfoNotification: _,
-          enqueueWarningNotification: O,
-          enqueueErrorNotification: z,
-          removeNotification: U
+          enqueueNotification: p,
+          enqueueSuccessNotification: O,
+          enqueueInfoNotification: T,
+          enqueueWarningNotification: x,
+          enqueueErrorNotification: y,
+          removeNotification: S
         },
         children: [
-          e,
-          /* @__PURE__ */ s(
-            re,
-            g(a(a({}, X), E), {
-              open: L,
-              onClose: S,
+          t,
+          /* @__PURE__ */ i(
+            qt,
+            v(r(r({}, I), B), {
+              open: m,
+              onClose: N,
               TransitionProps: {
                 onExited: G,
-                onExit: W
+                onExit: D
               },
-              sx: { zIndex: fe },
-              children: /* @__PURE__ */ p("div", { children: [
-                /* @__PURE__ */ s(
-                  oe,
+              sx: { zIndex: ce },
+              children: /* @__PURE__ */ l("div", { children: [
+                /* @__PURE__ */ i(
+                  Gt,
                   {
-                    onClose: (n) => S(n, "closeAlert"),
-                    severity: l.severity,
+                    onClose: (s) => N(s, "closeAlert"),
+                    severity: g.severity,
                     variant: "filled",
-                    icon: l.progressIndicator === "circular" ? /* @__PURE__ */ s(ie, { size: "1em" }) : void 0,
-                    style: l.progressIndicator === "linear" ? he : void 0,
-                    children: l.message
+                    icon: g.progressIndicator === "circular" ? /* @__PURE__ */ i(Wt, { size: "1em" }) : void 0,
+                    style: g.progressIndicator === "linear" ? de : void 0,
+                    children: g.message
                   }
                 ),
-                l.progressIndicator === "linear" && /* @__PURE__ */ s(ne, { color: "primary" })
+                g.progressIndicator === "linear" && /* @__PURE__ */ i(Ut, { color: "primary" })
               ] })
             })
           )
@@ -310,14 +692,17 @@ function De(i) {
     )
   );
 }
-function Be() {
-  return Y(H);
+function Le() {
+  return Lt(Ot);
 }
+const $e = jt(() => ({ children: t }) => /* @__PURE__ */ i(pe, { children: t }));
 export {
-  be as AgThemeProvider,
-  v as ContextError,
-  Pe as ExampleComponent,
-  De as SaladBarProvider,
-  Be as useSaladBar
+  De as AgThemeProvider,
+  tt as ContextError,
+  ke as ExampleComponent,
+  Ne as PageLayout,
+  pe as SaladBarProvider,
+  Le as useSaladBar,
+  $e as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map