@iowas/toolpad 1.0.3 → 1.0.5

package/dist/chunk-SITC3EZQ.js

@@ -0,0 +1,2225 @@
+'use strict';
+
+var chunkSWAF5R4Y_js = require('./chunk-SWAF5R4Y.js');
+var chunkBN55HN4U_js = require('./chunk-BN55HN4U.js');
+var chunk5B2NQDIH_js = require('./chunk-5B2NQDIH.js');
+var React16 = require('react');
+var PropTypes9 = require('prop-types');
+var Popover = require('@mui/material/Popover');
+var Divider = require('@mui/material/Divider');
+var Stack = require('@mui/material/Stack');
+var Button = require('@mui/material/Button');
+var Dialog = require('@mui/material/Dialog');
+var DialogTitle = require('@mui/material/DialogTitle');
+var DialogContent = require('@mui/material/DialogContent');
+var DialogActions = require('@mui/material/DialogActions');
+var TextField = require('@mui/material/TextField');
+var DialogContentText = require('@mui/material/DialogContentText');
+var invariant = require('invariant');
+var useEventCallback = require('@mui/utils/useEventCallback');
+var jsxRuntime = require('react/jsx-runtime');
+var LogoutIcon = require('@mui/icons-material/Logout');
+var Avatar = require('@mui/material/Avatar');
+var Typography = require('@mui/material/Typography');
+var Tooltip = require('@mui/material/Tooltip');
+var IconButton = require('@mui/material/IconButton');
+var MoreVertIcon = require('@mui/icons-material/MoreVert');
+var Box4 = require('@mui/material/Box');
+var styles = require('@mui/material/styles');
+var useMediaQuery = require('@mui/material/useMediaQuery');
+var Drawer = require('@mui/material/Drawer');
+var Toolbar2 = require('@mui/material/Toolbar');
+var MuiAppBar = require('@mui/material/AppBar');
+var MenuIcon = require('@mui/icons-material/Menu');
+var MenuOpenIcon = require('@mui/icons-material/MenuOpen');
+var material = require('@mui/material');
+var DarkModeIcon = require('@mui/icons-material/DarkMode');
+var LightModeIcon = require('@mui/icons-material/LightMode');
+var List = require('@mui/material/List');
+var ListSubheader = require('@mui/material/ListSubheader');
+var pathToRegexp = require('path-to-regexp');
+var Collapse = require('@mui/material/Collapse');
+var Grow = require('@mui/material/Grow');
+var ListItem = require('@mui/material/ListItem');
+var ListItemButton = require('@mui/material/ListItemButton');
+var ListItemIcon = require('@mui/material/ListItemIcon');
+var ListItemText = require('@mui/material/ListItemText');
+var Paper = require('@mui/material/Paper');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
+var Container = require('@mui/material/Container');
+var Breadcrumbs = require('@mui/material/Breadcrumbs');
+var Link4 = require('@mui/material/Link');
+var useSlotProps = require('@mui/utils/useSlotProps');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React16__namespace = /*#__PURE__*/_interopNamespace(React16);
+var PropTypes9__default = /*#__PURE__*/_interopDefault(PropTypes9);
+var Popover__default = /*#__PURE__*/_interopDefault(Popover);
+var Divider__default = /*#__PURE__*/_interopDefault(Divider);
+var Stack__default = /*#__PURE__*/_interopDefault(Stack);
+var Button__default = /*#__PURE__*/_interopDefault(Button);
+var Dialog__default = /*#__PURE__*/_interopDefault(Dialog);
+var DialogTitle__default = /*#__PURE__*/_interopDefault(DialogTitle);
+var DialogContent__default = /*#__PURE__*/_interopDefault(DialogContent);
+var DialogActions__default = /*#__PURE__*/_interopDefault(DialogActions);
+var TextField__default = /*#__PURE__*/_interopDefault(TextField);
+var DialogContentText__default = /*#__PURE__*/_interopDefault(DialogContentText);
+var invariant__default = /*#__PURE__*/_interopDefault(invariant);
+var useEventCallback__default = /*#__PURE__*/_interopDefault(useEventCallback);
+var LogoutIcon__default = /*#__PURE__*/_interopDefault(LogoutIcon);
+var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
+var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
+var MoreVertIcon__default = /*#__PURE__*/_interopDefault(MoreVertIcon);
+var Box4__default = /*#__PURE__*/_interopDefault(Box4);
+var useMediaQuery__default = /*#__PURE__*/_interopDefault(useMediaQuery);
+var Drawer__default = /*#__PURE__*/_interopDefault(Drawer);
+var Toolbar2__default = /*#__PURE__*/_interopDefault(Toolbar2);
+var MuiAppBar__default = /*#__PURE__*/_interopDefault(MuiAppBar);
+var MenuIcon__default = /*#__PURE__*/_interopDefault(MenuIcon);
+var MenuOpenIcon__default = /*#__PURE__*/_interopDefault(MenuOpenIcon);
+var DarkModeIcon__default = /*#__PURE__*/_interopDefault(DarkModeIcon);
+var LightModeIcon__default = /*#__PURE__*/_interopDefault(LightModeIcon);
+var List__default = /*#__PURE__*/_interopDefault(List);
+var ListSubheader__default = /*#__PURE__*/_interopDefault(ListSubheader);
+var Collapse__default = /*#__PURE__*/_interopDefault(Collapse);
+var Grow__default = /*#__PURE__*/_interopDefault(Grow);
+var ListItem__default = /*#__PURE__*/_interopDefault(ListItem);
+var ListItemButton__default = /*#__PURE__*/_interopDefault(ListItemButton);
+var ListItemIcon__default = /*#__PURE__*/_interopDefault(ListItemIcon);
+var ListItemText__default = /*#__PURE__*/_interopDefault(ListItemText);
+var Paper__default = /*#__PURE__*/_interopDefault(Paper);
+var ExpandMoreIcon__default = /*#__PURE__*/_interopDefault(ExpandMoreIcon);
+var Container__default = /*#__PURE__*/_interopDefault(Container);
+var Breadcrumbs__default = /*#__PURE__*/_interopDefault(Breadcrumbs);
+var Link4__default = /*#__PURE__*/_interopDefault(Link4);
+var useSlotProps__default = /*#__PURE__*/_interopDefault(useSlotProps);
+
+var serverNotifications = {
+  show: () => {
+    throw new Error("Not supported on server side");
+  },
+  close: () => {
+    throw new Error("Not supported on server side");
+  }
+};
+function useNotifications() {
+  const context = React16__namespace.useContext(chunkSWAF5R4Y_js.NotificationsContext);
+  if (context) {
+    return context;
+  }
+  return serverNotifications;
+}
+var defaultLocaleText = {
+  alert: "Alert",
+  confirm: "Confirm",
+  cancel: "Cancel",
+  ok: "Ok"
+};
+function useDialogLoadingButton(onClose) {
+  const [loading, setLoading] = React16__namespace.useState(false);
+  const handleClick = async () => {
+    try {
+      setLoading(true);
+      await onClose();
+    } finally {
+      setLoading(false);
+    }
+  };
+  return {
+    onClick: handleClick,
+    loading
+  };
+}
+function AlertDialog({ open, payload, onClose }) {
+  var _a, _b;
+  const appWindowContext = React16__namespace.useContext(chunkSWAF5R4Y_js.WindowContext);
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const localeText = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, defaultLocaleText), globalLocaleText);
+  const okButtonProps = useDialogLoadingButton(() => onClose());
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog__default.default,
+    {
+      maxWidth: "xs",
+      fullWidth: true,
+      open,
+      onClose: () => onClose(),
+      container: appWindowContext == null ? void 0 : appWindowContext.document.body,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: (_a = payload.title) != null ? _a : localeText.alert }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: payload.msg }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ disabled: !open }, okButtonProps), { children: (_b = payload.okText) != null ? _b : localeText.ok })) })
+      ]
+    }
+  );
+}
+function ConfirmDialog({ open, payload, onClose }) {
+  var _a, _b, _c;
+  const appWindowContext = React16__namespace.useContext(chunkSWAF5R4Y_js.WindowContext);
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const localeText = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, defaultLocaleText), globalLocaleText);
+  const cancelButtonProps = useDialogLoadingButton(() => onClose(false));
+  const okButtonProps = useDialogLoadingButton(() => onClose(true));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog__default.default,
+    {
+      maxWidth: "xs",
+      fullWidth: true,
+      open,
+      onClose: () => onClose(false),
+      container: appWindowContext == null ? void 0 : appWindowContext.document.body,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: (_a = payload.title) != null ? _a : localeText.confirm }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: payload.msg }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ autoFocus: true, disabled: !open }, cancelButtonProps), { children: (_b = payload.cancelText) != null ? _b : localeText.cancel })),
+          /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ color: payload.severity, disabled: !open }, okButtonProps), { children: (_c = payload.okText) != null ? _c : localeText.ok }))
+        ] })
+      ]
+    }
+  );
+}
+function PromptDialog({ open, payload, onClose }) {
+  var _a, _b, _c;
+  const appWindowContext = React16__namespace.useContext(chunkSWAF5R4Y_js.WindowContext);
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const localeText = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, defaultLocaleText), globalLocaleText);
+  const [input, setInput] = React16__namespace.useState("");
+  const cancelButtonProps = useDialogLoadingButton(() => onClose(null));
+  const [loading, setLoading] = React16__namespace.useState(false);
+  const name = "input";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog__default.default,
+    {
+      maxWidth: "xs",
+      fullWidth: true,
+      open,
+      onClose: () => onClose(null),
+      PaperProps: {
+        component: "form",
+        onSubmit: async (event) => {
+          var _a2;
+          event.preventDefault();
+          try {
+            setLoading(true);
+            const formData = new FormData(event.currentTarget);
+            const value = (_a2 = formData.get(name)) != null ? _a2 : "";
+            invariant__default.default(typeof value === "string", "Value must come from a text input");
+            await onClose(value);
+          } finally {
+            setLoading(false);
+          }
+        }
+      },
+      container: appWindowContext == null ? void 0 : appWindowContext.document.body,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: (_a = payload.title) != null ? _a : localeText.confirm }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DialogContentText__default.default, { children: [
+            payload.msg,
+            " "
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TextField__default.default,
+            {
+              autoFocus: true,
+              required: true,
+              margin: "dense",
+              id: "name",
+              name,
+              type: "text",
+              fullWidth: true,
+              variant: "standard",
+              value: input,
+              onChange: (event) => setInput(event.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ disabled: !open }, cancelButtonProps), { children: (_b = payload.cancelText) != null ? _b : localeText.cancel })),
+          /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, { disabled: !open, loading, type: "submit", children: (_c = payload.okText) != null ? _c : localeText.ok })
+        ] })
+      ]
+    }
+  );
+}
+function useDialogs() {
+  const { open, close } = chunk5B2NQDIH_js.useNonNullableContext(chunkSWAF5R4Y_js.DialogsContext);
+  const alert = useEventCallback__default.default(
+    (msg, _a = {}) => {
+      var _b = _a, { onClose } = _b, options = chunk5B2NQDIH_js.__objRest(_b, ["onClose"]);
+      return open(AlertDialog, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, options), { msg }), { onClose });
+    }
+  );
+  const confirm = useEventCallback__default.default(
+    (msg, _c = {}) => {
+      var _d = _c, { onClose } = _d, options = chunk5B2NQDIH_js.__objRest(_d, ["onClose"]);
+      return open(ConfirmDialog, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, options), { msg }), { onClose });
+    }
+  );
+  const prompt = useEventCallback__default.default(
+    (msg, _e = {}) => {
+      var _f = _e, { onClose } = _f, options = chunk5B2NQDIH_js.__objRest(_f, ["onClose"]);
+      return open(PromptDialog, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, options), { msg }), { onClose });
+    }
+  );
+  return React16__namespace.useMemo(
+    () => ({
+      alert,
+      confirm,
+      prompt,
+      open,
+      close
+    }),
+    [alert, close, confirm, open, prompt]
+  );
+}
+var AccountLocaleContext = React16__namespace.createContext(null);
+function SignInButton(props) {
+  const authentication = React16__namespace.useContext(chunkSWAF5R4Y_js.AuthenticationContext);
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const accountLocaleText = React16__namespace.useContext(AccountLocaleContext);
+  const localeText = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, globalLocaleText), accountLocaleText);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button__default.default,
+    chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+      disableElevation: true,
+      variant: "contained",
+      size: "small",
+      onClick: authentication == null ? void 0 : authentication.signIn,
+      sx: {
+        textTransform: "capitalize",
+        filter: "opacity(0.9)",
+        width: "50%",
+        margin: (theme) => `${theme.spacing(1)} auto`,
+        transition: "filter 0.2s ease-in",
+        "&:hover": {
+          filter: "opacity(1)"
+        }
+      }
+    }, props), {
+      children: localeText == null ? void 0 : localeText.accountSignInLabel
+    })
+  );
+}
+SignInButton.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes9__default.default.node
+};
+function SignOutButton(props) {
+  const authentication = React16__namespace.useContext(chunkSWAF5R4Y_js.AuthenticationContext);
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const accountLocaleText = React16__namespace.useContext(AccountLocaleContext);
+  const localeText = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, globalLocaleText), accountLocaleText);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button__default.default,
+    chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+      disabled: !authentication,
+      variant: "outlined",
+      size: "small",
+      disableElevation: true,
+      onClick: authentication == null ? void 0 : authentication.signOut,
+      sx: {
+        textTransform: "capitalize",
+        fontWeight: "normal",
+        filter: "opacity(0.9)",
+        transition: "filter 0.2s ease-in",
+        "&:hover": {
+          filter: "opacity(1)"
+        }
+      },
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(LogoutIcon__default.default, {})
+    }, props), {
+      children: localeText == null ? void 0 : localeText.accountSignOutLabel
+    })
+  );
+}
+SignOutButton.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes9__default.default.node
+};
+function AccountPreview(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { slots, variant = "condensed", slotProps, open, handleClick, sx } = props;
+  const session = React16__namespace.useContext(chunkSWAF5R4Y_js.SessionContext);
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const accountLocaleText = React16__namespace.useContext(AccountLocaleContext);
+  const localeText = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, globalLocaleText), accountLocaleText);
+  if (!session || !session.user) {
+    return null;
+  }
+  const avatarContent = (slots == null ? void 0 : slots.avatar) ? /* @__PURE__ */ jsxRuntime.jsx(slots.avatar, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+    Avatar__default.default,
+    chunk5B2NQDIH_js.__spreadValues({
+      src: ((_a = session.user) == null ? void 0 : _a.image) || "",
+      alt: ((_b = session.user) == null ? void 0 : _b.name) || ((_c = session.user) == null ? void 0 : _c.email) || "",
+      sx: { height: variant === "expanded" ? 48 : 32, width: variant === "expanded" ? 48 : 32 }
+    }, slotProps == null ? void 0 : slotProps.avatar)
+  );
+  if (variant === "expanded") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", justifyContent: "space-between", sx: chunk5B2NQDIH_js.__spreadValues({ py: 1, px: 2, gap: 2 }, sx), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", justifyContent: "flex-start", spacing: 2, overflow: "hidden", children: [
+        avatarContent,
+        /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "column", justifyContent: "space-evenly", overflow: "hidden", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { variant: "body2", fontWeight: "bolder", noWrap: true, children: (_d = session.user) == null ? void 0 : _d.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { variant: "caption", noWrap: true, children: (_e = session.user) == null ? void 0 : _e.email })
+        ] })
+      ] }),
+      handleClick && ((slots == null ? void 0 : slots.moreIconButton) ? /* @__PURE__ */ jsxRuntime.jsx(slots.moreIconButton, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton__default.default,
+        chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+          size: "small",
+          onClick: handleClick
+        }, slotProps == null ? void 0 : slotProps.moreIconButton), {
+          sx: chunk5B2NQDIH_js.__spreadValues({ alignSelf: "center" }, (_f = slotProps == null ? void 0 : slotProps.moreIconButton) == null ? void 0 : _f.sx),
+          children: /* @__PURE__ */ jsxRuntime.jsx(MoreVertIcon__default.default, { fontSize: "small" })
+        })
+      ))
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default.default, { title: (_g = session.user.name) != null ? _g : accountLocaleText == null ? void 0 : accountLocaleText.accountPreviewTitle, children: (slots == null ? void 0 : slots.avatarIconButton) ? /* @__PURE__ */ jsxRuntime.jsx(slots.avatarIconButton, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.avatarIconButton)) : /* @__PURE__ */ jsxRuntime.jsx(Stack__default.default, { sx: chunk5B2NQDIH_js.__spreadValues({ py: 0.5 }, sx), children: /* @__PURE__ */ jsxRuntime.jsx(
+    IconButton__default.default,
+    chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+      onClick: handleClick,
+      "aria-label": localeText == null ? void 0 : localeText.accountPreviewIconButtonLabel,
+      size: "small",
+      "aria-controls": open ? "account-menu" : void 0,
+      "aria-haspopup": "true",
+      "aria-expanded": open ? "true" : void 0
+    }, slotProps == null ? void 0 : slotProps.avatarIconButton), {
+      sx: chunk5B2NQDIH_js.__spreadValues({ width: "fit-content", margin: "0 auto" }, (_h = slotProps == null ? void 0 : slotProps.avatarIconButton) == null ? void 0 : _h.sx),
+      children: avatarContent
+    })
+  ) }) });
+}
+AccountPreview.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The handler used when the preview is expanded
+   */
+  handleClick: PropTypes9__default.default.func,
+  /**
+   * The state of the Account popover
+   * @default false
+   */
+  open: PropTypes9__default.default.bool,
+  /**
+   * The props used for each slot inside.
+   */
+  slotProps: PropTypes9__default.default.shape({
+    avatar: PropTypes9__default.default.object,
+    avatarIconButton: PropTypes9__default.default.object,
+    moreIconButton: PropTypes9__default.default.object
+  }),
+  /**
+   * The components used for each slot inside.
+   */
+  slots: PropTypes9__default.default.shape({
+    avatar: PropTypes9__default.default.elementType,
+    avatarIconButton: PropTypes9__default.default.elementType,
+    moreIconButton: PropTypes9__default.default.elementType
+  }),
+  /**
+   * The prop used to customize the styling of the preview
+   */
+  sx: PropTypes9__default.default.oneOfType([
+    PropTypes9__default.default.arrayOf(PropTypes9__default.default.oneOfType([PropTypes9__default.default.func, PropTypes9__default.default.object, PropTypes9__default.default.bool])),
+    PropTypes9__default.default.func,
+    PropTypes9__default.default.object
+  ]),
+  /**
+   * The type of account details to display.
+   * @property {'condensed'} condensed - Shows only the user's avatar.
+   * @property {'expanded'} expanded - Displays the user's avatar, name, and email if available.
+   * @default 'condensed'
+   */
+  variant: PropTypes9__default.default.oneOf(["condensed", "expanded"])
+};
+function AccountPopoverHeader(props) {
+  const _a = props, { children } = _a, rest = chunk5B2NQDIH_js.__objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Stack__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, rest), { children }));
+}
+AccountPopoverHeader.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes9__default.default.node
+};
+function AccountPopoverFooter(props) {
+  const _a = props, { children } = _a, rest = chunk5B2NQDIH_js.__objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box4__default.default,
+    chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, rest), {
+      sx: chunk5B2NQDIH_js.__spreadValues({ display: "flex", flexDirection: "row", p: 1, justifyContent: "flex-end" }, rest.sx),
+      children
+    })
+  );
+}
+AccountPopoverFooter.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes9__default.default.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes9__default.default.oneOfType([
+    PropTypes9__default.default.arrayOf(PropTypes9__default.default.oneOfType([PropTypes9__default.default.func, PropTypes9__default.default.object, PropTypes9__default.default.bool])),
+    PropTypes9__default.default.func,
+    PropTypes9__default.default.object
+  ])
+};
+var defaultAccountLocaleText = {
+  accountPreviewIconButtonLabel: "Current User",
+  accountPreviewTitle: "Account",
+  accountSignInLabel: "Sign in",
+  accountSignOutLabel: "Sign out"
+};
+function Account(props) {
+  var _a;
+  const { localeText: propsLocaleText } = props;
+  const globalLocaleText = chunkSWAF5R4Y_js.useLocaleText();
+  const localeText = React16__namespace.useMemo(
+    () => chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, defaultAccountLocaleText), globalLocaleText), propsLocaleText),
+    [globalLocaleText, propsLocaleText]
+  );
+  const { slots, slotProps } = props;
+  const [anchorEl, setAnchorEl] = React16__namespace.useState(null);
+  const session = React16__namespace.useContext(chunkSWAF5R4Y_js.SessionContext);
+  const authentication = React16__namespace.useContext(chunkSWAF5R4Y_js.AuthenticationContext);
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  if (!authentication) {
+    return null;
+  }
+  let accountContent = null;
+  if (!(session == null ? void 0 : session.user)) {
+    accountContent = (slots == null ? void 0 : slots.signInButton) ? /* @__PURE__ */ jsxRuntime.jsx(slots.signInButton, { onClick: authentication.signIn }) : /* @__PURE__ */ jsxRuntime.jsx(SignInButton, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.signInButton));
+  } else {
+    accountContent = /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.Fragment, { children: [
+      (slots == null ? void 0 : slots.preview) ? /* @__PURE__ */ jsxRuntime.jsx(slots.preview, { handleClick, open }) : /* @__PURE__ */ jsxRuntime.jsx(
+        AccountPreview,
+        chunk5B2NQDIH_js.__spreadValues({
+          variant: "condensed",
+          handleClick,
+          open
+        }, slotProps == null ? void 0 : slotProps.preview)
+      ),
+      (slots == null ? void 0 : slots.popover) ? /* @__PURE__ */ jsxRuntime.jsx(
+        slots.popover,
+        chunk5B2NQDIH_js.__spreadValues({
+          open,
+          onClick: handleClick,
+          onClose: handleClose
+        }, slotProps == null ? void 0 : slotProps.popover)
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        Popover__default.default,
+        chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+          anchorEl,
+          id: "account-menu",
+          open,
+          onClose: handleClose,
+          onClick: handleClose,
+          transformOrigin: { horizontal: "right", vertical: "top" },
+          anchorOrigin: { horizontal: "right", vertical: "bottom" }
+        }, slotProps == null ? void 0 : slotProps.popover), {
+          slotProps: chunk5B2NQDIH_js.__spreadValues({
+            paper: {
+              elevation: 0,
+              sx: {
+                overflow: "visible",
+                filter: (theme) => `drop-shadow(0px 2px 8px ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.32)"})`,
+                mt: 1,
+                "&::before": {
+                  content: '""',
+                  display: "block",
+                  position: "absolute",
+                  top: 0,
+                  right: 14,
+                  width: 10,
+                  height: 10,
+                  bgcolor: "background.paper",
+                  transform: "translateY(-50%) rotate(45deg)",
+                  zIndex: 0
+                }
+              }
+            }
+          }, (_a = slotProps == null ? void 0 : slotProps.popover) == null ? void 0 : _a.slotProps),
+          children: (slots == null ? void 0 : slots.popoverContent) ? /* @__PURE__ */ jsxRuntime.jsx(slots.popoverContent, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.popoverContent)) : /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ direction: "column" }, slotProps == null ? void 0 : slotProps.popoverContent), { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccountPopoverHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(AccountPreview, { variant: "expanded" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(AccountPopoverFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(SignOutButton, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.signOutButton)) })
+          ] }))
+        })
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(AccountLocaleContext.Provider, { value: localeText, children: accountContent });
+}
+Account.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The labels for the account component.
+   */
+  localeText: PropTypes9__default.default.object,
+  /**
+   * The props used for each slot inside.
+   */
+  slotProps: PropTypes9__default.default.shape({
+    popover: PropTypes9__default.default.object,
+    popoverContent: PropTypes9__default.default.object,
+    preview: PropTypes9__default.default.shape({
+      handleClick: PropTypes9__default.default.func,
+      open: PropTypes9__default.default.bool,
+      slotProps: PropTypes9__default.default.shape({
+        avatar: PropTypes9__default.default.object,
+        avatarIconButton: PropTypes9__default.default.object,
+        moreIconButton: PropTypes9__default.default.object
+      }),
+      slots: PropTypes9__default.default.shape({
+        avatar: PropTypes9__default.default.elementType,
+        avatarIconButton: PropTypes9__default.default.elementType,
+        moreIconButton: PropTypes9__default.default.elementType
+      }),
+      sx: PropTypes9__default.default.oneOfType([
+        PropTypes9__default.default.arrayOf(PropTypes9__default.default.oneOfType([PropTypes9__default.default.func, PropTypes9__default.default.object, PropTypes9__default.default.bool])),
+        PropTypes9__default.default.func,
+        PropTypes9__default.default.object
+      ]),
+      variant: PropTypes9__default.default.oneOf(["condensed", "expanded"])
+    }),
+    signInButton: PropTypes9__default.default.object,
+    signOutButton: PropTypes9__default.default.object
+  }),
+  /**
+   * The components used for each slot inside.
+   */
+  slots: PropTypes9__default.default.shape({
+    popover: PropTypes9__default.default.elementType,
+    popoverContent: PropTypes9__default.default.elementType,
+    preview: PropTypes9__default.default.elementType,
+    signInButton: PropTypes9__default.default.elementType,
+    signOutButton: PropTypes9__default.default.elementType
+  })
+};
+var DefaultLink = React16__namespace.forwardRef(function Link(props, ref) {
+  const _a = props, { children, href, onClick, history } = _a, rest = chunk5B2NQDIH_js.__objRest(_a, ["children", "href", "onClick", "history"]);
+  const routerContext = React16__namespace.useContext(chunkSWAF5R4Y_js.RouterContext);
+  const handleLinkClick = React16__namespace.useMemo(() => {
+    if (!routerContext) {
+      return onClick;
+    }
+    return (event) => {
+      event.preventDefault();
+      const url = new URL(event.currentTarget.href);
+      routerContext.navigate(url.pathname, { history });
+      onClick == null ? void 0 : onClick(event);
+    };
+  }, [routerContext, onClick, history]);
+  return /* @__PURE__ */ jsxRuntime.jsx("a", chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ ref, href }, rest), { onClick: handleLinkClick, children }));
+});
+var Link2 = React16__namespace.forwardRef(function Link3(props, ref) {
+  var _a;
+  const routerContext = React16__namespace.useContext(chunkSWAF5R4Y_js.RouterContext);
+  const LinkComponent = (_a = routerContext == null ? void 0 : routerContext.Link) != null ? _a : DefaultLink;
+  return /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({ ref }, props), { children: props.children }));
+});
+function ToolpadLogo({ size = 40 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#a)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.74 27.73v-7.6l6.64-3.79v7.6l-6.64 3.79Z", fill: "#007FFF" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.1 23.93v-7.59l6.64 3.8v7.59l-6.65-3.8Z", fill: "#39F" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16.1 16.34 6.64-3.8 6.64 3.8-6.64 3.8-6.65-3.8Z", fill: "#A5D8FF" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "mask",
+      {
+        id: "b",
+        style: {
+          maskType: "alpha"
+        },
+        maskUnits: "userSpaceOnUse",
+        x: "8",
+        y: "17",
+        width: "14",
+        height: "15",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M8.5 22.3c0-1.05.56-2 1.46-2.53l3.75-2.14c.89-.5 1.98-.5 2.87 0l3.75 2.14a2.9 2.9 0 0 1 1.46 2.52v4.23c0 1.04-.56 2-1.46 2.52l-3.75 2.14c-.89.5-1.98.5-2.87 0l-3.75-2.14a2.9 2.9 0 0 1-1.46-2.52v-4.23Z",
+            fill: "#D7DCE1"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#b)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.14 32v-7.6l6.65-3.8v7.6L15.14 32Z", fill: "#007FFF" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.5 28.2v-7.6l6.64 3.8V32L8.5 28.2Z", fill: "#39F" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8.5 20.6 6.64-3.79 6.65 3.8-6.65 3.8-6.64-3.8Z", fill: "#A5D8FF" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "mask",
+      {
+        id: "c",
+        style: {
+          maskType: "alpha"
+        },
+        maskUnits: "userSpaceOnUse",
+        x: "8",
+        y: "4",
+        width: "22",
+        height: "20",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M24.17 4.82a2.9 2.9 0 0 0-2.87 0L9.97 11.22a2.9 2.9 0 0 0-1.47 2.53v4.22c0 1.04.56 2 1.46 2.52l3.75 2.14c.89.5 1.98.5 2.87 0l11.33-6.42a2.9 2.9 0 0 0 1.47-2.52V9.48c0-1.04-.56-2-1.46-2.52l-3.75-2.14Z",
+            fill: "#D7DCE1"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#c)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.14 23.46v-7.6L29.38 7.8v7.59l-14.24 8.07Z", fill: "#007FFF" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.5 19.66v-7.6l6.64 3.8v7.6l-6.64-3.8Z", fill: "#39F" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.5 12.07 22.74 4l6.64 3.8-14.24 8.06-6.64-3.8Z", fill: "#A5D8FF" })
+    ] })
+  ] });
+}
+function useApplicationTitle() {
+  var _a;
+  const branding = React16__namespace.useContext(chunkSWAF5R4Y_js.BrandingContext);
+  return (_a = branding == null ? void 0 : branding.title) != null ? _a : "Toolpad";
+}
+var LogoContainer = material.styled("div")({
+  position: "relative",
+  height: 40,
+  display: "flex",
+  alignItems: "center",
+  "& img": {
+    maxHeight: 40
+  }
+});
+function AppTitle(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const theme = material.useTheme();
+  const defaultTitle = useApplicationTitle();
+  const title = (_b = (_a = props == null ? void 0 : props.branding) == null ? void 0 : _a.title) != null ? _b : defaultTitle;
+  return /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: (_d = (_c = props == null ? void 0 : props.branding) == null ? void 0 : _c.homeUrl) != null ? _d : "/", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LogoContainer, { children: (_f = (_e = props == null ? void 0 : props.branding) == null ? void 0 : _e.logo) != null ? _f : /* @__PURE__ */ jsxRuntime.jsx(ToolpadLogo, { size: 40 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Typography__default.default,
+      {
+        variant: "h6",
+        sx: {
+          color: ((_g = theme.vars) != null ? _g : theme).palette.primary.main,
+          fontWeight: "700",
+          ml: 1,
+          whiteSpace: "nowrap",
+          lineHeight: 1
+        },
+        children: title
+      }
+    )
+  ] }) });
+}
+function subscribe() {
+  return () => {
+  };
+}
+function getSnapshot() {
+  return false;
+}
+function getServerSnapshot() {
+  return true;
+}
+function useSsr() {
+  return React16__namespace.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function ThemeSwitcher() {
+  var _a;
+  const isSsr = useSsr();
+  const theme = material.useTheme();
+  const { paletteMode, setPaletteMode, isDualTheme } = React16__namespace.useContext(chunkSWAF5R4Y_js.PaletteModeContext);
+  const toggleMode = React16__namespace.useCallback(() => {
+    setPaletteMode(paletteMode === "dark" ? "light" : "dark");
+  }, [paletteMode, setPaletteMode]);
+  return isDualTheme ? /* @__PURE__ */ jsxRuntime.jsx(
+    Tooltip__default.default,
+    {
+      title: isSsr ? "Switch mode" : `${paletteMode === "dark" ? "Light" : "Dark"} mode`,
+      enterDelay: 1e3,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton__default.default,
+        {
+          "aria-label": isSsr ? "Switch theme mode" : `Switch to ${paletteMode === "dark" ? "light" : "dark"} mode`,
+          onClick: toggleMode,
+          sx: {
+            color: ((_a = theme.vars) != null ? _a : theme).palette.primary.dark
+          },
+          children: theme.getColorSchemeSelector ? /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DarkModeIcon__default.default,
+              {
+                sx: {
+                  display: "inline",
+                  [theme.getColorSchemeSelector("dark")]: {
+                    display: "none"
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              LightModeIcon__default.default,
+              {
+                sx: {
+                  display: "none",
+                  [theme.getColorSchemeSelector("dark")]: {
+                    display: "inline"
+                  }
+                }
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(React16__namespace.Fragment, { children: isSsr || paletteMode !== "dark" ? /* @__PURE__ */ jsxRuntime.jsx(DarkModeIcon__default.default, {}) : /* @__PURE__ */ jsxRuntime.jsx(LightModeIcon__default.default, {}) })
+        }
+      ) })
+    }
+  ) : null;
+}
+function ToolbarActions() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ThemeSwitcher, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(Account, {})
+  ] });
+}
+var AppBar = styles.styled(MuiAppBar__default.default)(({ theme }) => {
+  var _a;
+  return {
+    borderWidth: 0,
+    borderBottomWidth: 1,
+    borderStyle: "solid",
+    borderColor: ((_a = theme.vars) != null ? _a : theme).palette.divider,
+    boxShadow: "none",
+    zIndex: theme.zIndex.drawer + 1
+  };
+});
+function DashboardHeader(props) {
+  var _a, _b;
+  const {
+    branding: brandingProp,
+    menuOpen,
+    onToggleMenu,
+    hideMenuButton,
+    slots,
+    slotProps
+  } = props;
+  const brandingContext = React16__namespace.useContext(chunkSWAF5R4Y_js.BrandingContext);
+  const branding = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, brandingContext), brandingProp);
+  const handleMenuOpen = React16__namespace.useCallback(() => {
+    onToggleMenu(!menuOpen);
+  }, [menuOpen, onToggleMenu]);
+  const getMenuIcon = React16__namespace.useCallback(
+    (isExpanded) => {
+      const expandMenuActionText = "Expand";
+      const collapseMenuActionText = "Collapse";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Tooltip__default.default,
+        {
+          title: `${isExpanded ? collapseMenuActionText : expandMenuActionText} menu`,
+          enterDelay: 1e3,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton__default.default,
+            {
+              "aria-label": `${isExpanded ? collapseMenuActionText : expandMenuActionText} navigation menu`,
+              onClick: handleMenuOpen,
+              children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(MenuOpenIcon__default.default, {}) : /* @__PURE__ */ jsxRuntime.jsx(MenuIcon__default.default, {})
+            }
+          ) })
+        }
+      );
+    },
+    [handleMenuOpen]
+  );
+  const ToolbarActionsSlot = (_a = slots == null ? void 0 : slots.toolbarActions) != null ? _a : ToolbarActions;
+  const ToolbarAccountSlot = (_b = slots == null ? void 0 : slots.toolbarAccount) != null ? _b : (() => null);
+  return /* @__PURE__ */ jsxRuntime.jsx(AppBar, { color: "inherit", position: "absolute", sx: { displayPrint: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(Toolbar2__default.default, { sx: { backgroundColor: "inherit", mx: { xs: -0.75, sm: -1 } }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Stack__default.default,
+    {
+      direction: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      sx: {
+        flexWrap: "wrap",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", children: [
+          !hideMenuButton ? /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Box4__default.default,
+              {
+                sx: {
+                  display: { xs: "block", md: "none" },
+                  mr: { sm: 1 }
+                },
+                children: getMenuIcon(menuOpen)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Box4__default.default,
+              {
+                sx: {
+                  display: { xs: "none", md: "block" },
+                  mr: 1
+                },
+                children: getMenuIcon(menuOpen)
+              }
+            )
+          ] }) : null,
+          (slots == null ? void 0 : slots.appTitle) ? /* @__PURE__ */ jsxRuntime.jsx(slots.appTitle, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.appTitle)) : (
+            /* Hierarchy of application of `branding`
+             * 1. Branding prop passed in the `slotProps.appTitle`
+             * 2. Branding prop passed to the `DashboardLayout`
+             * 3. Branding prop passed to the `AppProvider`
+             */
+            /* @__PURE__ */ jsxRuntime.jsx(AppTitle, chunk5B2NQDIH_js.__spreadValues({ branding }, slotProps == null ? void 0 : slotProps.appTitle))
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", alignItems: "center", spacing: 1, sx: { marginLeft: "auto" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarActionsSlot, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarActions)),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarAccountSlot, chunk5B2NQDIH_js.__spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarAccount))
+        ] })
+      ]
+    }
+  ) }) });
+}
+DashboardHeader.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Branding options for the header.
+   * @default null
+   */
+  branding: PropTypes9__default.default.shape({
+    homeUrl: PropTypes9__default.default.string,
+    logo: PropTypes9__default.default.node,
+    title: PropTypes9__default.default.string
+  }),
+  /**
+   * Whether the menu icon should always be hidden.
+   * @default false
+   */
+  hideMenuButton: PropTypes9__default.default.bool,
+  /**
+   * If `true`, show menu button as if menu is expanded, otherwise show it as if menu is collapsed.
+   */
+  menuOpen: PropTypes9__default.default.bool.isRequired,
+  /**
+   * Callback fired when the menu button is clicked.
+   */
+  onToggleMenu: PropTypes9__default.default.func.isRequired,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes9__default.default.shape({
+    appTitle: PropTypes9__default.default.shape({
+      branding: PropTypes9__default.default.shape({
+        homeUrl: PropTypes9__default.default.string,
+        logo: PropTypes9__default.default.node,
+        title: PropTypes9__default.default.string
+      })
+    }),
+    toolbarAccount: PropTypes9__default.default.shape({
+      localeText: PropTypes9__default.default.object,
+      slotProps: PropTypes9__default.default.shape({
+        popover: PropTypes9__default.default.object,
+        popoverContent: PropTypes9__default.default.object,
+        preview: PropTypes9__default.default.object,
+        signInButton: PropTypes9__default.default.object,
+        signOutButton: PropTypes9__default.default.object
+      }),
+      slots: PropTypes9__default.default.shape({
+        popover: PropTypes9__default.default.elementType,
+        popoverContent: PropTypes9__default.default.elementType,
+        preview: PropTypes9__default.default.elementType,
+        signInButton: PropTypes9__default.default.elementType,
+        signOutButton: PropTypes9__default.default.elementType
+      })
+    }),
+    toolbarActions: PropTypes9__default.default.object
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes9__default.default.shape({
+    appTitle: PropTypes9__default.default.elementType,
+    toolbarAccount: PropTypes9__default.default.elementType,
+    toolbarActions: PropTypes9__default.default.elementType
+  })
+};
+var getItemKind = (item) => {
+  var _a;
+  return (_a = item.kind) != null ? _a : "page";
+};
+var isPageItem = (item) => getItemKind(item) === "page";
+var getItemTitle = (item) => {
+  var _a, _b;
+  return isPageItem(item) ? (_b = (_a = item.title) != null ? _a : item.segment) != null ? _b : "" : item.title;
+};
+function buildItemToPathMap(navigation) {
+  const map = /* @__PURE__ */ new Map();
+  const visit = (item, base) => {
+    if (isPageItem(item)) {
+      const path = `${base.startsWith("/") ? base : `/${base}`}${base && base !== "/" && item.segment ? "/" : ""}${item.segment || ""}` || "/";
+      map.set(item, path);
+      if (item.children) {
+        for (const child of item.children) {
+          visit(child, path);
+        }
+      }
+    }
+  };
+  for (const item of navigation) {
+    visit(item, "");
+  }
+  return map;
+}
+var itemToPathMapCache = /* @__PURE__ */ new WeakMap();
+function getItemToPathMap(navigation) {
+  let map = itemToPathMapCache.get(navigation);
+  if (!map) {
+    map = buildItemToPathMap(navigation);
+    itemToPathMapCache.set(navigation, map);
+  }
+  return map;
+}
+function buildItemLookup(navigation) {
+  const map = /* @__PURE__ */ new Map();
+  const visit = (item) => {
+    if (isPageItem(item)) {
+      const path = getItemPath(navigation, item);
+      if (map.has(path)) {
+        console.warn(`Duplicate path in navigation: ${path}`);
+      }
+      map.set(path, item);
+      if (item.pattern) {
+        const basePath = item.segment ? path.slice(0, -item.segment.length) : path;
+        map.set(pathToRegexp.pathToRegexp(basePath + item.pattern).regexp, item);
+      }
+      if (item.children) {
+        for (const child of item.children) {
+          visit(child);
+        }
+      }
+    }
+  };
+  for (const item of navigation) {
+    visit(item);
+  }
+  return map;
+}
+var itemLookupMapCache = /* @__PURE__ */ new WeakMap();
+function getItemLookup(navigation) {
+  let map = itemLookupMapCache.get(navigation);
+  if (!map) {
+    map = buildItemLookup(navigation);
+    itemLookupMapCache.set(navigation, map);
+  }
+  return map;
+}
+function matchPath(navigation, path) {
+  const lookup = getItemLookup(navigation);
+  for (const [key, item] of lookup.entries()) {
+    if (typeof key === "string" && key === path) {
+      return item;
+    }
+    if (key instanceof RegExp && key.test(path)) {
+      return item;
+    }
+  }
+  return null;
+}
+function getItemPath(navigation, item) {
+  const map = getItemToPathMap(navigation);
+  const path = map.get(item);
+  invariant__default.default(path, `Item not found in navigation: ${item.title}`);
+  return path;
+}
+function hasSelectedNavigationChildren(navigation, item, activePagePath) {
+  if (item.children) {
+    return item.children.some((nestedItem) => {
+      if (!isPageItem(nestedItem)) {
+        return false;
+      }
+      if (nestedItem.children) {
+        return hasSelectedNavigationChildren(navigation, nestedItem, activePagePath);
+      }
+      return activePagePath === getItemPath(navigation, nestedItem);
+    });
+  }
+  return false;
+}
+
+// src/toolpad-core/DashboardLayout/utils.ts
+function getDrawerSxTransitionMixin(isExpanded, property) {
+  return {
+    transition: (theme) => theme.transitions.create(property, {
+      easing: theme.transitions.easing.sharp,
+      duration: isExpanded ? theme.transitions.duration.enteringScreen : theme.transitions.duration.leavingScreen
+    })
+  };
+}
+function getDrawerWidthTransitionMixin(isExpanded) {
+  return chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, getDrawerSxTransitionMixin(isExpanded, "width")), {
+    overflowX: "hidden"
+  });
+}
+function useActivePage() {
+  var _a;
+  const navigationContext = React16__namespace.useContext(chunkSWAF5R4Y_js.NavigationContext);
+  const routerContext = React16__namespace.useContext(chunkSWAF5R4Y_js.RouterContext);
+  const pathname = (_a = routerContext == null ? void 0 : routerContext.pathname) != null ? _a : "/";
+  const activeItem = matchPath(navigationContext, pathname);
+  const rootItem = matchPath(navigationContext, "/");
+  return React16__namespace.useMemo(() => {
+    if (!activeItem) {
+      return null;
+    }
+    const breadcrumbs = [];
+    if (rootItem) {
+      breadcrumbs.push({
+        title: getItemTitle(rootItem),
+        path: "/"
+      });
+    }
+    const segments = pathname.split("/").filter(Boolean);
+    let prefix = "";
+    for (const segment of segments) {
+      const path = `${prefix}/${segment}`;
+      prefix = path;
+      const item = matchPath(navigationContext, path);
+      if (!item) {
+        continue;
+      }
+      const itemPath = getItemPath(navigationContext, item);
+      const lastCrumb = breadcrumbs[breadcrumbs.length - 1];
+      if ((lastCrumb == null ? void 0 : lastCrumb.path) !== itemPath) {
+        breadcrumbs.push({
+          title: getItemTitle(item),
+          path: itemPath
+        });
+      }
+    }
+    return {
+      title: getItemTitle(activeItem),
+      path: getItemPath(navigationContext, activeItem),
+      breadcrumbs
+    };
+  }, [activeItem, rootItem, pathname, navigationContext]);
+}
+
+// src/toolpad-core/DashboardLayout/shared.ts
+var MINI_DRAWER_WIDTH = 84;
+var NavigationListItemButton = material.styled(ListItemButton__default.default)(({ theme }) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  return {
+    borderRadius: 8,
+    "&.Mui-selected": {
+      "& .MuiListItemIcon-root": {
+        color: ((_a = theme.vars) != null ? _a : theme).palette.primary.dark
+      },
+      "& .MuiTypography-root": {
+        color: ((_b = theme.vars) != null ? _b : theme).palette.primary.dark
+      },
+      "& .MuiSvgIcon-root": {
+        color: ((_c = theme.vars) != null ? _c : theme).palette.primary.dark
+      },
+      "& .MuiAvatar-root": {
+        backgroundColor: ((_d = theme.vars) != null ? _d : theme).palette.primary.dark
+      },
+      "& .MuiTouchRipple-child": {
+        backgroundColor: ((_e = theme.vars) != null ? _e : theme).palette.primary.dark
+      }
+    },
+    "& .MuiSvgIcon-root": {
+      color: ((_f = theme.vars) != null ? _f : theme).palette.action.active
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: ((_g = theme.vars) != null ? _g : theme).palette.action.active
+    }
+  };
+});
+var LIST_ITEM_ICON_SIZE = 34;
+function DashboardSidebarPageItem(props) {
+  var _a;
+  const navigationContext = React16__namespace.useContext(chunkSWAF5R4Y_js.NavigationContext);
+  const pageItemContextProps = React16__namespace.useContext(chunkSWAF5R4Y_js.DashboardSidebarPageItemContext);
+  invariant__default.default(pageItemContextProps, "No navigation page item context provided.");
+  const contextAwareProps = chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({}, pageItemContextProps), props);
+  const {
+    item,
+    href = getItemPath(navigationContext, item),
+    LinkComponent: LinkComponentProp,
+    expanded = false,
+    selected = false,
+    disabled = false,
+    id,
+    onClick,
+    isMini = false,
+    isSidebarFullyExpanded = true,
+    isSidebarFullyCollapsed = false,
+    renderNestedNavigation
+  } = contextAwareProps;
+  const [hoveredMiniSidebarItemId, setHoveredMiniSidebarItemId] = React16__namespace.useState(
+    null
+  );
+  const handleClick = React16__namespace.useCallback(() => {
+    onClick(id, item);
+  }, [id, item, onClick]);
+  let nestedNavigationCollapseSx = { display: "none" };
+  if (isMini && isSidebarFullyCollapsed) {
+    nestedNavigationCollapseSx = {
+      fontSize: 18,
+      position: "absolute",
+      top: "41.5%",
+      right: "2px",
+      transform: "translateY(-50%) rotate(-90deg)"
+    };
+  } else if (!isMini && isSidebarFullyExpanded) {
+    nestedNavigationCollapseSx = {
+      ml: 0.5,
+      transform: `rotate(${expanded ? 0 : -90}deg)`,
+      transition: (theme) => theme.transitions.create("transform", {
+        easing: theme.transitions.easing.sharp,
+        duration: 100
+      })
+    };
+  }
+  const hasExternalHref = href.startsWith("http://") || href.startsWith("https://");
+  const LinkComponent = LinkComponentProp != null ? LinkComponentProp : hasExternalHref ? "a" : Link2;
+  const title = getItemTitle(item);
+  const listItem = /* @__PURE__ */ jsxRuntime.jsxs(
+    ListItem__default.default,
+    chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, item.children && isMini ? {
+      onMouseEnter: () => {
+        setHoveredMiniSidebarItemId(id);
+      },
+      onMouseLeave: () => {
+        setHoveredMiniSidebarItemId(null);
+      }
+    } : {}), {
+      sx: {
+        py: 0,
+        px: 1,
+        overflowX: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          NavigationListItemButton,
+          chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({
+            selected,
+            disabled,
+            sx: {
+              px: 1.4,
+              height: isMini ? 60 : 48
+            }
+          }, item.children && !isMini ? {
+            onClick: handleClick
+          } : {}), !item.children ? chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+            LinkComponent
+          }, hasExternalHref ? {
+            target: "_blank",
+            rel: "noopener noreferrer"
+          } : {}), {
+            href,
+            onClick: handleClick
+          }) : {}), {
+            children: [
+              item.icon || isMini ? /* @__PURE__ */ jsxRuntime.jsxs(
+                Box4__default.default,
+                {
+                  sx: isMini ? {
+                    position: "absolute",
+                    left: "50%",
+                    top: "calc(50% - 6px)",
+                    transform: "translate(-50%, -50%)"
+                  } : {},
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      ListItemIcon__default.default,
+                      {
+                        sx: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          minWidth: LIST_ITEM_ICON_SIZE
+                        },
+                        children: [
+                          (_a = item.icon) != null ? _a : null,
+                          !item.icon && isMini ? /* @__PURE__ */ jsxRuntime.jsx(
+                            Avatar__default.default,
+                            {
+                              sx: {
+                                width: LIST_ITEM_ICON_SIZE - 7,
+                                height: LIST_ITEM_ICON_SIZE - 7,
+                                fontSize: 12
+                              },
+                              children: title.split(" ").slice(0, 2).map((titleWord) => titleWord.charAt(0).toUpperCase())
+                            }
+                          ) : null
+                        ]
+                      }
+                    ),
+                    isMini ? /* @__PURE__ */ jsxRuntime.jsx(
+                      Typography__default.default,
+                      {
+                        variant: "caption",
+                        sx: {
+                          position: "absolute",
+                          bottom: -18,
+                          left: "50%",
+                          transform: "translateX(-50%)",
+                          fontSize: 10,
+                          fontWeight: 500,
+                          textAlign: "center",
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          maxWidth: MINI_DRAWER_WIDTH - 28
+                        },
+                        children: title
+                      }
+                    ) : null
+                  ]
+                }
+              ) : null,
+              !isMini ? /* @__PURE__ */ jsxRuntime.jsx(
+                ListItemText__default.default,
+                {
+                  primary: title,
+                  sx: {
+                    ml: 1.2,
+                    whiteSpace: "nowrap",
+                    zIndex: 1
+                  }
+                }
+              ) : null,
+              item.action && !isMini && isSidebarFullyExpanded ? item.action : null,
+              item.children ? /* @__PURE__ */ jsxRuntime.jsx(ExpandMoreIcon__default.default, { sx: nestedNavigationCollapseSx }) : null
+            ]
+          })
+        ),
+        item.children && isMini ? /* @__PURE__ */ jsxRuntime.jsx(Grow__default.default, { in: id === hoveredMiniSidebarItemId, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Box4__default.default,
+          {
+            sx: {
+              position: "fixed",
+              left: MINI_DRAWER_WIDTH - 2,
+              pl: "6px"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Paper__default.default,
+              {
+                sx: {
+                  pt: 0.5,
+                  pb: 0.5,
+                  transform: "translateY(calc(50% - 30px))"
+                },
+                children: renderNestedNavigation(item.children)
+              }
+            )
+          }
+        ) }) : null
+      ]
+    })
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.Fragment, { children: [
+    listItem,
+    item.children && !isMini ? /* @__PURE__ */ jsxRuntime.jsx(Collapse__default.default, { in: expanded, timeout: "auto", unmountOnExit: true, children: renderNestedNavigation(item.children) }) : null
+  ] }, id);
+}
+DashboardSidebarPageItem.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the item is disabled.
+   * @default false
+   */
+  disabled: PropTypes9__default.default.bool,
+  /**
+   * If `true`, expands any nested navigation in the item, otherwise collapse it.
+   * @default false
+   */
+  expanded: PropTypes9__default.default.bool,
+  /**
+   * Link `href` for when the item is rendered as a link.
+   * @default getItemPath(navigationContext, item)
+   */
+  href: PropTypes9__default.default.string,
+  /**
+   * Navigation page item definition.
+   */
+  item: PropTypes9__default.default.shape({
+    action: PropTypes9__default.default.node,
+    children: PropTypes9__default.default.arrayOf(
+      PropTypes9__default.default.oneOfType([
+        PropTypes9__default.default.object,
+        PropTypes9__default.default.shape({
+          kind: PropTypes9__default.default.oneOf(["header"]).isRequired,
+          title: PropTypes9__default.default.string.isRequired
+        }),
+        PropTypes9__default.default.shape({
+          kind: PropTypes9__default.default.oneOf(["divider"]).isRequired
+        })
+      ]).isRequired
+    ),
+    icon: PropTypes9__default.default.node,
+    kind: PropTypes9__default.default.oneOf(["page"]),
+    pattern: PropTypes9__default.default.string,
+    segment: PropTypes9__default.default.string,
+    title: PropTypes9__default.default.string
+  }).isRequired,
+  /**
+   * The component used to render the item as a link.
+   * @default Link
+   */
+  LinkComponent: PropTypes9__default.default.elementType,
+  /**
+   * Use to apply selected styling.
+   * @default false
+   */
+  selected: PropTypes9__default.default.bool
+};
+function DashboardSidebarSubNavigationPageItem({
+  id,
+  item,
+  isExpanded,
+  onClick,
+  depth,
+  onLinkClick,
+  isMini,
+  isFullyExpanded,
+  isFullyCollapsed,
+  sidebarExpandedWidth,
+  renderPageItem
+}) {
+  const navigationContext = React16__namespace.useContext(chunkSWAF5R4Y_js.NavigationContext);
+  const activePage = useActivePage();
+  const isActive = !!activePage && activePage.path === getItemPath(navigationContext, item);
+  const isSelected = activePage && item.children && isMini ? hasSelectedNavigationChildren(navigationContext, item, activePage.path) : isActive && !item.children;
+  const pageItemContextProps = React16__namespace.useMemo(
+    () => ({
+      expanded: isExpanded,
+      selected: isSelected,
+      id,
+      onClick,
+      isMini,
+      isSidebarFullyExpanded: isFullyExpanded,
+      isSidebarFullyCollapsed: isFullyCollapsed,
+      renderNestedNavigation: () => {
+        var _a;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DashboardSidebarSubNavigation,
+          {
+            subNavigation: (_a = item.children) != null ? _a : [],
+            depth: depth + 1,
+            onLinkClick,
+            isPopover: isMini,
+            sidebarExpandedWidth
+          }
+        );
+      }
+    }),
+    [
+      depth,
+      id,
+      isExpanded,
+      isFullyCollapsed,
+      isFullyExpanded,
+      isMini,
+      isSelected,
+      item.children,
+      onClick,
+      onLinkClick,
+      sidebarExpandedWidth
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSWAF5R4Y_js.DashboardSidebarPageItemContext.Provider, { value: pageItemContextProps, children: renderPageItem ? renderPageItem(item, { mini: isMini }) : /* @__PURE__ */ jsxRuntime.jsx(DashboardSidebarPageItem, { item }) });
+}
+function DashboardSidebarSubNavigation({
+  subNavigation,
+  depth = 0,
+  onLinkClick,
+  isMini = false,
+  isPopover = false,
+  isFullyExpanded = true,
+  isFullyCollapsed = false,
+  hasDrawerTransitions = false,
+  sidebarExpandedWidth,
+  renderPageItem
+}) {
+  const navigationContext = React16__namespace.useContext(chunkSWAF5R4Y_js.NavigationContext);
+  const activePage = useActivePage();
+  const initialExpandedItemIds = React16__namespace.useMemo(
+    () => subNavigation.map((navigationItem, navigationItemIndex) => ({
+      navigationItem,
+      originalIndex: navigationItemIndex
+    })).filter(
+      ({ navigationItem }) => isPageItem(navigationItem) && !!activePage && hasSelectedNavigationChildren(navigationContext, navigationItem, activePage.path)
+    ).map(({ originalIndex }) => `page-${depth}-${originalIndex}`),
+    [activePage, depth, navigationContext, subNavigation]
+  );
+  const [expandedItemIds, setExpandedItemIds] = React16__namespace.useState(initialExpandedItemIds);
+  const handlePageItemClick = React16__namespace.useCallback(
+    (itemId, item) => {
+      if (item.children && !isMini) {
+        setExpandedItemIds(
+          (previousValue) => previousValue.includes(itemId) ? previousValue.filter((previousValueItemId) => previousValueItemId !== itemId) : [...previousValue, itemId]
+        );
+      } else if (!item.children) {
+        onLinkClick();
+      }
+    },
+    [isMini, onLinkClick]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    List__default.default,
+    {
+      sx: {
+        padding: 0,
+        mt: isPopover && depth === 1 ? 0.5 : 0,
+        mb: depth === 0 && !isPopover ? 4 : 0.5,
+        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
+        minWidth: isPopover && depth === 1 ? 240 : "auto",
+        width: isMini ? MINI_DRAWER_WIDTH : "auto"
+      },
+      children: subNavigation.map((navigationItem, navigationItemIndex) => {
+        if (navigationItem.kind === "header") {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ListSubheader__default.default,
+            {
+              sx: chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({
+                fontSize: 12,
+                fontWeight: "700",
+                height: isMini ? 0 : 40
+              }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isFullyExpanded, "height") : {}), {
+                px: 2,
+                minWidth: sidebarExpandedWidth,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                zIndex: 2
+              }),
+              children: getItemTitle(navigationItem)
+            },
+            `subheader-${depth}-${navigationItemIndex}`
+          );
+        }
+        if (navigationItem.kind === "divider") {
+          const nextItem = subNavigation[navigationItemIndex + 1];
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Divider__default.default,
+            {
+              sx: chunk5B2NQDIH_js.__spreadValues({
+                borderBottomWidth: 2,
+                mx: 1,
+                mt: 1,
+                mb: (nextItem == null ? void 0 : nextItem.kind) === "header" && !isMini ? 0 : 1
+              }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isFullyExpanded, "margin") : {})
+            }
+          ) }, `divider-${depth}-${navigationItemIndex}`);
+        }
+        const pageItemId = `page-${depth}-${navigationItemIndex}`;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DashboardSidebarSubNavigationPageItem,
+          {
+            id: pageItemId,
+            item: navigationItem,
+            isExpanded: expandedItemIds.includes(pageItemId),
+            onClick: handlePageItemClick,
+            depth,
+            onLinkClick,
+            isMini,
+            isFullyExpanded,
+            isFullyCollapsed,
+            sidebarExpandedWidth,
+            renderPageItem
+          },
+          pageItemId
+        );
+      })
+    }
+  );
+}
+function DashboardLayout(props) {
+  var _a, _b;
+  const {
+    children,
+    branding,
+    navigation: navigationProp,
+    defaultSidebarCollapsed = false,
+    disableCollapsibleSidebar = false,
+    hideNavigation = false,
+    sidebarExpandedWidth = 320,
+    renderPageItem,
+    slots,
+    slotProps,
+    sx
+  } = props;
+  if (navigationProp && process.env.NODE_ENV !== "production") {
+    chunkBN55HN4U_js.warnOnce(
+      "The navigation prop in the DashboardLayout component is deprecated and will eventually be removed. Set the navigation prop in the AppProvider instead (https://mui.com/toolpad/core/react-app-provider/#navigation)."
+    );
+  }
+  const theme = styles.useTheme();
+  const navigationContext = React16__namespace.useContext(chunkSWAF5R4Y_js.NavigationContext);
+  const appWindowContext = React16__namespace.useContext(chunkSWAF5R4Y_js.WindowContext);
+  const navigation = navigationProp != null ? navigationProp : navigationContext;
+  const [isDesktopNavigationExpanded, setIsDesktopNavigationExpanded] = React16__namespace.useState(!defaultSidebarCollapsed);
+  const [isMobileNavigationExpanded, setIsMobileNavigationExpanded] = React16__namespace.useState(false);
+  const isOverSmViewport = useMediaQuery__default.default(
+    theme.breakpoints.up("sm"),
+    appWindowContext && {
+      matchMedia: appWindowContext.matchMedia
+    }
+  );
+  const isOverMdViewport = useMediaQuery__default.default(
+    theme.breakpoints.up("md"),
+    appWindowContext && {
+      matchMedia: appWindowContext.matchMedia
+    }
+  );
+  const isNavigationExpanded = isOverMdViewport ? isDesktopNavigationExpanded : isMobileNavigationExpanded;
+  const setIsNavigationExpanded = React16__namespace.useCallback(
+    (newExpanded) => {
+      if (isOverMdViewport) {
+        setIsDesktopNavigationExpanded(newExpanded);
+      } else {
+        setIsMobileNavigationExpanded(newExpanded);
+      }
+    },
+    [isOverMdViewport]
+  );
+  const [isNavigationFullyExpanded, setIsNavigationFullyExpanded] = React16__namespace.useState(isNavigationExpanded);
+  const [isNavigationFullyCollapsed, setIsNavigationFullyCollapsed] = React16__namespace.useState(!isNavigationExpanded);
+  React16__namespace.useEffect(() => {
+    if (isNavigationExpanded) {
+      const drawerWidthTransitionTimeout = setTimeout(() => {
+        setIsNavigationFullyExpanded(true);
+      }, theme.transitions.duration.enteringScreen);
+      return () => clearTimeout(drawerWidthTransitionTimeout);
+    }
+    setIsNavigationFullyExpanded(false);
+    return () => {
+    };
+  }, [isNavigationExpanded, theme]);
+  React16__namespace.useEffect(() => {
+    if (!isNavigationExpanded) {
+      const drawerWidthTransitionTimeout = setTimeout(() => {
+        setIsNavigationFullyCollapsed(true);
+      }, theme.transitions.duration.leavingScreen);
+      return () => clearTimeout(drawerWidthTransitionTimeout);
+    }
+    setIsNavigationFullyCollapsed(false);
+    return () => {
+    };
+  }, [isNavigationExpanded, theme]);
+  const handleSetNavigationExpanded = React16__namespace.useCallback(
+    (newExpanded) => () => {
+      setIsNavigationExpanded(newExpanded);
+    },
+    [setIsNavigationExpanded]
+  );
+  const handleToggleHeaderMenu = React16__namespace.useCallback(
+    (isExpanded) => {
+      setIsNavigationExpanded(isExpanded);
+    },
+    [setIsNavigationExpanded]
+  );
+  const handleNavigationLinkClick = React16__namespace.useCallback(() => {
+    setIsMobileNavigationExpanded(false);
+  }, [setIsMobileNavigationExpanded]);
+  const isDesktopMini = !disableCollapsibleSidebar && !isDesktopNavigationExpanded;
+  const isMobileMini = !disableCollapsibleSidebar && !isMobileNavigationExpanded;
+  const hasDrawerTransitions = isOverSmViewport && (!disableCollapsibleSidebar || isOverMdViewport);
+  const SidebarFooterSlot = (_a = slots == null ? void 0 : slots.sidebarFooter) != null ? _a : null;
+  const HeaderSlot = (_b = slots == null ? void 0 : slots.header) != null ? _b : DashboardHeader;
+  const headerSlotProps = React16__namespace.useMemo(
+    () => chunk5B2NQDIH_js.__spreadValues({
+      branding,
+      menuOpen: isNavigationExpanded,
+      onToggleMenu: handleToggleHeaderMenu,
+      hideMenuButton: hideNavigation || isOverMdViewport && disableCollapsibleSidebar,
+      slots: {
+        appTitle: slots == null ? void 0 : slots.appTitle,
+        toolbarActions: slots == null ? void 0 : slots.toolbarActions,
+        toolbarAccount: slots == null ? void 0 : slots.toolbarAccount
+      },
+      slotProps: {
+        appTitle: slotProps == null ? void 0 : slotProps.appTitle,
+        toolbarActions: slotProps == null ? void 0 : slotProps.toolbarActions,
+        toolbarAccount: slotProps == null ? void 0 : slotProps.toolbarAccount
+      }
+    }, slotProps == null ? void 0 : slotProps.header),
+    [
+      branding,
+      isNavigationExpanded,
+      handleToggleHeaderMenu,
+      hideNavigation,
+      isOverMdViewport,
+      disableCollapsibleSidebar,
+      slotProps,
+      slots
+    ]
+  );
+  const getDrawerContent = React16__namespace.useCallback(
+    (isMini, viewport) => {
+      var _a2;
+      return /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Toolbar2__default.default, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Box4__default.default,
+          {
+            component: "nav",
+            "aria-label": `${viewport.charAt(0).toUpperCase()}${viewport.slice(1)}`,
+            sx: chunk5B2NQDIH_js.__spreadValues({
+              height: "100%",
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "space-between",
+              overflow: "auto",
+              scrollbarGutter: isMini ? "stable" : "auto",
+              overflowX: "hidden",
+              pt: ((_a2 = navigation[0]) == null ? void 0 : _a2.kind) === "header" && !isMini ? 0 : 2
+            }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isNavigationFullyExpanded, "padding") : {}),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                DashboardSidebarSubNavigation,
+                {
+                  subNavigation: navigation,
+                  onLinkClick: handleNavigationLinkClick,
+                  isMini,
+                  isFullyExpanded: isNavigationFullyExpanded,
+                  isFullyCollapsed: isNavigationFullyCollapsed,
+                  hasDrawerTransitions,
+                  sidebarExpandedWidth,
+                  renderPageItem
+                }
+              ),
+              SidebarFooterSlot ? /* @__PURE__ */ jsxRuntime.jsx(SidebarFooterSlot, chunk5B2NQDIH_js.__spreadValues({ mini: isMini }, slotProps == null ? void 0 : slotProps.sidebarFooter)) : null
+            ]
+          }
+        )
+      ] });
+    },
+    [
+      SidebarFooterSlot,
+      handleNavigationLinkClick,
+      hasDrawerTransitions,
+      isNavigationFullyCollapsed,
+      isNavigationFullyExpanded,
+      navigation,
+      sidebarExpandedWidth,
+      renderPageItem,
+      slotProps == null ? void 0 : slotProps.sidebarFooter
+    ]
+  );
+  const getDrawerSharedSx = React16__namespace.useCallback(
+    (isMini, isTemporary) => {
+      const drawerWidth = isMini ? MINI_DRAWER_WIDTH : sidebarExpandedWidth;
+      return chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues(chunk5B2NQDIH_js.__spreadValues({
+        displayPrint: "none",
+        width: drawerWidth,
+        flexShrink: 0
+      }, getDrawerWidthTransitionMixin(isNavigationExpanded)), isTemporary ? { position: "absolute" } : {}), {
+        [`& .MuiDrawer-paper`]: chunk5B2NQDIH_js.__spreadValues({
+          position: "absolute",
+          width: drawerWidth,
+          boxSizing: "border-box",
+          backgroundImage: "none"
+        }, getDrawerWidthTransitionMixin(isNavigationExpanded))
+      });
+    },
+    [isNavigationExpanded, sidebarExpandedWidth]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Box4__default.default,
+    {
+      sx: chunk5B2NQDIH_js.__spreadValues({
+        position: "relative",
+        display: "flex",
+        overflow: "hidden",
+        height: "100vh",
+        width: "100vw"
+      }, sx),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(HeaderSlot, chunk5B2NQDIH_js.__spreadValues({}, headerSlotProps)),
+        !hideNavigation ? /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Drawer__default.default,
+            {
+              container: appWindowContext == null ? void 0 : appWindowContext.document.body,
+              variant: "temporary",
+              open: isMobileNavigationExpanded,
+              onClose: handleSetNavigationExpanded(false),
+              ModalProps: {
+                keepMounted: true
+                // Better open performance on mobile.
+              },
+              sx: chunk5B2NQDIH_js.__spreadValues({
+                display: {
+                  xs: "block",
+                  sm: disableCollapsibleSidebar ? "block" : "none",
+                  md: "none"
+                }
+              }, getDrawerSharedSx(false, true)),
+              children: getDrawerContent(false, "phone")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Drawer__default.default,
+            {
+              variant: "permanent",
+              sx: chunk5B2NQDIH_js.__spreadValues({
+                display: {
+                  xs: "none",
+                  sm: disableCollapsibleSidebar ? "none" : "block",
+                  md: "none"
+                }
+              }, getDrawerSharedSx(isMobileMini, false)),
+              children: getDrawerContent(isMobileMini, "tablet")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Drawer__default.default,
+            {
+              variant: "permanent",
+              sx: chunk5B2NQDIH_js.__spreadValues({
+                display: { xs: "none", md: "block" }
+              }, getDrawerSharedSx(isDesktopMini, false)),
+              children: getDrawerContent(isDesktopMini, "desktop")
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Box4__default.default,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              flex: 1,
+              minWidth: 0
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Toolbar2__default.default, { sx: { displayPrint: "none" } }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Box4__default.default,
+                {
+                  component: "main",
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    flex: 1,
+                    overflow: "auto"
+                  },
+                  children
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+DashboardLayout.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Branding options for the dashboard.
+   * @default null
+   */
+  branding: PropTypes9__default.default.shape({
+    homeUrl: PropTypes9__default.default.string,
+    logo: PropTypes9__default.default.node,
+    title: PropTypes9__default.default.string
+  }),
+  /**
+   * The content of the dashboard.
+   */
+  children: PropTypes9__default.default.node,
+  /**
+   * Whether the sidebar should start collapsed in desktop size screens.
+   * @default false
+   */
+  defaultSidebarCollapsed: PropTypes9__default.default.bool,
+  /**
+   * Whether the sidebar should not be collapsible to a mini variant in desktop and tablet viewports.
+   * @default false
+   */
+  disableCollapsibleSidebar: PropTypes9__default.default.bool,
+  /**
+   * Whether the navigation bar and menu icon should be hidden.
+   * @default false
+   */
+  hideNavigation: PropTypes9__default.default.bool,
+  /**
+   * Navigation definition for the dashboard. [Find out more](https://mui.com/toolpad/core/react-dashboard-layout/#navigation).
+   * @default []
+   * @deprecated Set the navigation in the [AppProvider](https://mui.com/toolpad/core/react-app-provider/#navigation) instead.
+   */
+  navigation: PropTypes9__default.default.arrayOf(
+    PropTypes9__default.default.oneOfType([
+      PropTypes9__default.default.shape({
+        action: PropTypes9__default.default.node,
+        children: PropTypes9__default.default.arrayOf(
+          PropTypes9__default.default.oneOfType([
+            PropTypes9__default.default.object,
+            PropTypes9__default.default.shape({
+              kind: PropTypes9__default.default.oneOf(["header"]).isRequired,
+              title: PropTypes9__default.default.string.isRequired
+            }),
+            PropTypes9__default.default.shape({
+              kind: PropTypes9__default.default.oneOf(["divider"]).isRequired
+            })
+          ]).isRequired
+        ),
+        icon: PropTypes9__default.default.node,
+        kind: PropTypes9__default.default.oneOf(["page"]),
+        pattern: PropTypes9__default.default.string,
+        segment: PropTypes9__default.default.string,
+        title: PropTypes9__default.default.string
+      }),
+      PropTypes9__default.default.shape({
+        kind: PropTypes9__default.default.oneOf(["header"]).isRequired,
+        title: PropTypes9__default.default.string.isRequired
+      }),
+      PropTypes9__default.default.shape({
+        kind: PropTypes9__default.default.oneOf(["divider"]).isRequired
+      })
+    ]).isRequired
+  ),
+  /**
+   * Render each page item.
+   *
+   * @param {NavigationPageItem} item
+   * @param {{ mini: boolean }} params
+   * @returns {ReactNode}
+   */
+  renderPageItem: PropTypes9__default.default.func,
+  /**
+   * Width of the sidebar when expanded.
+   * @default 320
+   */
+  sidebarExpandedWidth: PropTypes9__default.default.oneOfType([PropTypes9__default.default.number, PropTypes9__default.default.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes9__default.default.shape({
+    appTitle: PropTypes9__default.default.shape({
+      branding: PropTypes9__default.default.shape({
+        homeUrl: PropTypes9__default.default.string,
+        logo: PropTypes9__default.default.node,
+        title: PropTypes9__default.default.string
+      })
+    }),
+    header: PropTypes9__default.default.shape({
+      branding: PropTypes9__default.default.shape({
+        homeUrl: PropTypes9__default.default.string,
+        logo: PropTypes9__default.default.node,
+        title: PropTypes9__default.default.string
+      }),
+      hideMenuButton: PropTypes9__default.default.bool,
+      menuOpen: PropTypes9__default.default.bool.isRequired,
+      onToggleMenu: PropTypes9__default.default.func.isRequired,
+      slotProps: PropTypes9__default.default.shape({
+        appTitle: PropTypes9__default.default.object,
+        toolbarAccount: PropTypes9__default.default.object,
+        toolbarActions: PropTypes9__default.default.object
+      }),
+      slots: PropTypes9__default.default.shape({
+        appTitle: PropTypes9__default.default.elementType,
+        toolbarAccount: PropTypes9__default.default.elementType,
+        toolbarActions: PropTypes9__default.default.elementType
+      })
+    }),
+    sidebarFooter: PropTypes9__default.default.shape({
+      mini: PropTypes9__default.default.bool.isRequired
+    }),
+    toolbarAccount: PropTypes9__default.default.shape({
+      localeText: PropTypes9__default.default.object,
+      slotProps: PropTypes9__default.default.shape({
+        popover: PropTypes9__default.default.object,
+        popoverContent: PropTypes9__default.default.object,
+        preview: PropTypes9__default.default.object,
+        signInButton: PropTypes9__default.default.object,
+        signOutButton: PropTypes9__default.default.object
+      }),
+      slots: PropTypes9__default.default.shape({
+        popover: PropTypes9__default.default.elementType,
+        popoverContent: PropTypes9__default.default.elementType,
+        preview: PropTypes9__default.default.elementType,
+        signInButton: PropTypes9__default.default.elementType,
+        signOutButton: PropTypes9__default.default.elementType
+      })
+    }),
+    toolbarActions: PropTypes9__default.default.object
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes9__default.default.shape({
+    appTitle: PropTypes9__default.default.elementType,
+    header: PropTypes9__default.default.elementType,
+    sidebarFooter: PropTypes9__default.default.elementType,
+    toolbarAccount: PropTypes9__default.default.elementType,
+    toolbarActions: PropTypes9__default.default.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes9__default.default.oneOfType([
+    PropTypes9__default.default.arrayOf(PropTypes9__default.default.oneOfType([PropTypes9__default.default.func, PropTypes9__default.default.object, PropTypes9__default.default.bool])),
+    PropTypes9__default.default.func,
+    PropTypes9__default.default.object
+  ])
+};
+var PageHeaderToolbarRoot = material.styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "row",
+  gap: theme.spacing(1),
+  // Ensure the toolbar is always on the right side, even after wrapping
+  marginLeft: "auto"
+}));
+function PageHeaderToolbar(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PageHeaderToolbarRoot, chunk5B2NQDIH_js.__spreadValues({}, props));
+}
+PageHeaderToolbar.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes9__default.default.node
+};
+var PageContentHeader = material.styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "space-between",
+  gap: theme.spacing(2)
+}));
+function PageHeader(props) {
+  var _a, _b, _c, _d, _e;
+  const { breadcrumbs, title } = props;
+  const activePage = useActivePage();
+  const resolvedBreadcrumbs = (_a = breadcrumbs != null ? breadcrumbs : activePage == null ? void 0 : activePage.breadcrumbs) != null ? _a : [];
+  const resolvedTitle = (_b = title != null ? title : activePage == null ? void 0 : activePage.title) != null ? _b : "";
+  const ToolbarComponent = (_d = (_c = props == null ? void 0 : props.slots) == null ? void 0 : _c.toolbar) != null ? _d : PageHeaderToolbar;
+  const toolbarSlotProps = useSlotProps__default.default({
+    elementType: ToolbarComponent,
+    ownerState: props,
+    externalSlotProps: (_e = props == null ? void 0 : props.slotProps) == null ? void 0 : _e.toolbar,
+    additionalProps: {}
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Breadcrumbs__default.default, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs ? resolvedBreadcrumbs.map((item, index) => {
+      return item.path ? /* @__PURE__ */ jsxRuntime.jsx(
+        Link4__default.default,
+        {
+          component: Link2,
+          underline: "hover",
+          color: "inherit",
+          href: item.path,
+          children: getItemTitle(item)
+        },
+        index
+      ) : /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { color: "text.primary", children: getItemTitle(item) }, index);
+    }) : null }),
+    /* @__PURE__ */ jsxRuntime.jsxs(PageContentHeader, { children: [
+      resolvedTitle ? /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { variant: "h4", children: resolvedTitle }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarComponent, chunk5B2NQDIH_js.__spreadValues({}, toolbarSlotProps))
+    ] })
+  ] });
+}
+PageHeader.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
+   */
+  breadcrumbs: PropTypes9__default.default.arrayOf(
+    PropTypes9__default.default.shape({
+      path: PropTypes9__default.default.string,
+      title: PropTypes9__default.default.string.isRequired
+    })
+  ),
+  /**
+   * The props used for each slot inside.
+   */
+  slotProps: PropTypes9__default.default.shape({
+    toolbar: PropTypes9__default.default.shape({
+      children: PropTypes9__default.default.node
+    }).isRequired
+  }),
+  /**
+   * The components used for each slot inside.
+   */
+  slots: PropTypes9__default.default.shape({
+    toolbar: PropTypes9__default.default.elementType
+  }),
+  /**
+   * The title of the page. Leave blank to use the active page title.
+   */
+  title: PropTypes9__default.default.string
+};
+function PageContainer(props) {
+  var _b;
+  const _a = props, { children, breadcrumbs, slots, slotProps, title } = _a, rest = chunk5B2NQDIH_js.__objRest(_a, ["children", "breadcrumbs", "slots", "slotProps", "title"]);
+  const PageHeaderSlot = (_b = slots == null ? void 0 : slots.header) != null ? _b : PageHeader;
+  return /* @__PURE__ */ jsxRuntime.jsx(Container__default.default, chunk5B2NQDIH_js.__spreadProps(chunk5B2NQDIH_js.__spreadValues({}, rest), { sx: chunk5B2NQDIH_js.__spreadValues({ flex: 1, display: "flex", flexDirection: "column" }, rest.sx), children: /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { sx: { flex: 1, my: 2 }, spacing: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PageHeaderSlot, chunk5B2NQDIH_js.__spreadValues({ title, breadcrumbs }, slotProps == null ? void 0 : slotProps.header)),
+    /* @__PURE__ */ jsxRuntime.jsx(Box4__default.default, { sx: { flex: 1, display: "flex", flexDirection: "column" }, children })
+  ] }) }));
+}
+PageContainer.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
+   */
+  breadcrumbs: PropTypes9__default.default.arrayOf(
+    PropTypes9__default.default.shape({
+      path: PropTypes9__default.default.string,
+      title: PropTypes9__default.default.string.isRequired
+    })
+  ),
+  /**
+   * @ignore
+   */
+  children: PropTypes9__default.default.node,
+  /**
+   * The props used for each slot inside.
+   */
+  slotProps: PropTypes9__default.default.shape({
+    header: PropTypes9__default.default.shape({
+      breadcrumbs: PropTypes9__default.default.arrayOf(
+        PropTypes9__default.default.shape({
+          path: PropTypes9__default.default.string,
+          title: PropTypes9__default.default.string.isRequired
+        })
+      ),
+      slotProps: PropTypes9__default.default.shape({
+        toolbar: PropTypes9__default.default.object.isRequired
+      }),
+      slots: PropTypes9__default.default.shape({
+        toolbar: PropTypes9__default.default.elementType
+      }),
+      title: PropTypes9__default.default.string
+    }).isRequired
+  }),
+  /**
+   * The components used for each slot inside.
+   */
+  slots: PropTypes9__default.default.shape({
+    header: PropTypes9__default.default.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes9__default.default.oneOfType([
+    PropTypes9__default.default.arrayOf(PropTypes9__default.default.oneOfType([PropTypes9__default.default.func, PropTypes9__default.default.object, PropTypes9__default.default.bool])),
+    PropTypes9__default.default.func,
+    PropTypes9__default.default.object
+  ]),
+  /**
+   * The title of the page. Leave blank to use the active page title.
+   */
+  title: PropTypes9__default.default.string
+};
+
+exports.Account = Account;
+exports.AccountPopoverFooter = AccountPopoverFooter;
+exports.AccountPopoverHeader = AccountPopoverHeader;
+exports.AccountPreview = AccountPreview;
+exports.AlertDialog = AlertDialog;
+exports.ConfirmDialog = ConfirmDialog;
+exports.DashboardHeader = DashboardHeader;
+exports.DashboardLayout = DashboardLayout;
+exports.DashboardSidebarPageItem = DashboardSidebarPageItem;
+exports.PageContainer = PageContainer;
+exports.PageHeader = PageHeader;
+exports.PageHeaderToolbar = PageHeaderToolbar;
+exports.PromptDialog = PromptDialog;
+exports.SignInButton = SignInButton;
+exports.SignOutButton = SignOutButton;
+exports.ThemeSwitcher = ThemeSwitcher;
+exports.ToolbarActions = ToolbarActions;
+exports.useActivePage = useActivePage;
+exports.useDialogs = useDialogs;
+exports.useNotifications = useNotifications;