@iowas/toolpad 1.0.4 → 1.0.5

package/dist/chunk-ZXM3V5SD.mjs

@@ -1,40 +1,54 @@
-import {
-  AuthenticationContext,
-  BrandingContext,
-  DashboardSidebarPageItemContext,
-  DialogsContext,
-  NavigationContext,
-  NotificationsContext,
-  PaletteModeContext,
-  RouterContext,
-  SessionContext,
-  WindowContext,
-  useLocaleText
-} from "./chunk-LUTZBKSG.mjs";
-import {
-  warnOnce
-} from "./chunk-F6JD4MSY.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  useNonNullableContext
-} from "./chunk-3JWXE2JW.mjs";
+import { RouterContext, NotificationsContext, WindowContext, useLocaleText, DialogsContext, AuthenticationContext, SessionContext, PaletteModeContext, BrandingContext, NavigationContext, DashboardSidebarPageItemContext } from './chunk-LUTZBKSG.mjs';
+import { warnOnce } from './chunk-F6JD4MSY.mjs';
+import { __objRest, __spreadProps, __spreadValues, useNonNullableContext } from './chunk-3JWXE2JW.mjs';
+import * as React16 from 'react';
+import PropTypes9 from 'prop-types';
+import Popover from '@mui/material/Popover';
+import Divider from '@mui/material/Divider';
+import Stack from '@mui/material/Stack';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogActions from '@mui/material/DialogActions';
+import TextField from '@mui/material/TextField';
+import DialogContentText from '@mui/material/DialogContentText';
+import invariant from 'invariant';
+import useEventCallback from '@mui/utils/useEventCallback';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import LogoutIcon from '@mui/icons-material/Logout';
+import Avatar from '@mui/material/Avatar';
+import Typography from '@mui/material/Typography';
+import Tooltip from '@mui/material/Tooltip';
+import IconButton from '@mui/material/IconButton';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import Box4 from '@mui/material/Box';
+import { styled as styled$1, useTheme as useTheme$1 } from '@mui/material/styles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Drawer from '@mui/material/Drawer';
+import Toolbar2 from '@mui/material/Toolbar';
+import MuiAppBar from '@mui/material/AppBar';
+import MenuIcon from '@mui/icons-material/Menu';
+import MenuOpenIcon from '@mui/icons-material/MenuOpen';
+import { styled, useTheme } from '@mui/material';
+import DarkModeIcon from '@mui/icons-material/DarkMode';
+import LightModeIcon from '@mui/icons-material/LightMode';
+import List from '@mui/material/List';
+import ListSubheader from '@mui/material/ListSubheader';
+import { pathToRegexp } from 'path-to-regexp';
+import Collapse from '@mui/material/Collapse';
+import Grow from '@mui/material/Grow';
+import ListItem from '@mui/material/ListItem';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import Paper from '@mui/material/Paper';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import Container from '@mui/material/Container';
+import Breadcrumbs from '@mui/material/Breadcrumbs';
+import Link4 from '@mui/material/Link';
+import useSlotProps from '@mui/utils/useSlotProps';
 
-// src/toolpad-core/Account/Account.tsx
-import * as React7 from "react";
-import PropTypes6 from "prop-types";
-import Popover from "@mui/material/Popover";
-import Divider from "@mui/material/Divider";
-import Stack3 from "@mui/material/Stack";
-
-// src/toolpad-core/Account/SignInButton.tsx
-import * as React4 from "react";
-import PropTypes from "prop-types";
-import Button2 from "@mui/material/Button";
-
-// src/toolpad-core/useNotifications/useNotifications.tsx
-import * as React from "react";
 var serverNotifications = {
   show: () => {
     throw new Error("Not supported on server side");
@@ -44,25 +58,12 @@ var serverNotifications = {
   }
 };
 function useNotifications() {
-  const context = React.useContext(NotificationsContext);
+  const context = React16.useContext(NotificationsContext);
   if (context) {
     return context;
   }
   return serverNotifications;
 }
-
-// src/toolpad-core/useDialogs/useDialogs.tsx
-import Button from "@mui/material/Button";
-import Dialog from "@mui/material/Dialog";
-import DialogTitle from "@mui/material/DialogTitle";
-import DialogContent from "@mui/material/DialogContent";
-import DialogActions from "@mui/material/DialogActions";
-import TextField from "@mui/material/TextField";
-import DialogContentText from "@mui/material/DialogContentText";
-import invariant from "invariant";
-import * as React2 from "react";
-import useEventCallback from "@mui/utils/useEventCallback";
-import { jsx, jsxs } from "react/jsx-runtime";
 var defaultLocaleText = {
   alert: "Alert",
   confirm: "Confirm",
@@ -70,7 +71,7 @@ var defaultLocaleText = {
   ok: "Ok"
 };
 function useDialogLoadingButton(onClose) {
-  const [loading, setLoading] = React2.useState(false);
+  const [loading, setLoading] = React16.useState(false);
   const handleClick = async () => {
     try {
       setLoading(true);
@@ -86,7 +87,7 @@ function useDialogLoadingButton(onClose) {
 }
 function AlertDialog({ open, payload, onClose }) {
   var _a, _b;
-  const appWindowContext = React2.useContext(WindowContext);
+  const appWindowContext = React16.useContext(WindowContext);
   const globalLocaleText = useLocaleText();
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText), globalLocaleText);
   const okButtonProps = useDialogLoadingButton(() => onClose());
@@ -108,7 +109,7 @@ function AlertDialog({ open, payload, onClose }) {
 }
 function ConfirmDialog({ open, payload, onClose }) {
   var _a, _b, _c;
-  const appWindowContext = React2.useContext(WindowContext);
+  const appWindowContext = React16.useContext(WindowContext);
   const globalLocaleText = useLocaleText();
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText), globalLocaleText);
   const cancelButtonProps = useDialogLoadingButton(() => onClose(false));
@@ -134,12 +135,12 @@ function ConfirmDialog({ open, payload, onClose }) {
 }
 function PromptDialog({ open, payload, onClose }) {
   var _a, _b, _c;
-  const appWindowContext = React2.useContext(WindowContext);
+  const appWindowContext = React16.useContext(WindowContext);
   const globalLocaleText = useLocaleText();
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText), globalLocaleText);
-  const [input, setInput] = React2.useState("");
+  const [input, setInput] = React16.useState("");
   const cancelButtonProps = useDialogLoadingButton(() => onClose(null));
-  const [loading, setLoading] = React2.useState(false);
+  const [loading, setLoading] = React16.useState(false);
   const name = "input";
   return /* @__PURE__ */ jsxs(
     Dialog,
@@ -216,7 +217,7 @@ function useDialogs() {
       return open(PromptDialog, __spreadProps(__spreadValues({}, options), { msg }), { onClose });
     }
   );
-  return React2.useMemo(
+  return React16.useMemo(
     () => ({
       alert,
       confirm,
@@ -227,20 +228,14 @@ function useDialogs() {
     [alert, close, confirm, open, prompt]
   );
 }
-
-// src/toolpad-core/Account/AccountLocaleContext.tsx
-import * as React3 from "react";
-var AccountLocaleContext = React3.createContext(null);
-
-// src/toolpad-core/Account/SignInButton.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+var AccountLocaleContext = React16.createContext(null);
 function SignInButton(props) {
-  const authentication = React4.useContext(AuthenticationContext);
+  const authentication = React16.useContext(AuthenticationContext);
   const globalLocaleText = useLocaleText();
-  const accountLocaleText = React4.useContext(AccountLocaleContext);
+  const accountLocaleText = React16.useContext(AccountLocaleContext);
   const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  return /* @__PURE__ */ jsx2(
-    Button2,
+  return /* @__PURE__ */ jsx(
+    Button,
     __spreadProps(__spreadValues({
       disableElevation: true,
       variant: "contained",
@@ -269,22 +264,15 @@ SignInButton.propTypes = {
   /**
    * The content of the component.
    */
-  children: PropTypes.node
+  children: PropTypes9.node
 };
-
-// src/toolpad-core/Account/SignOutButton.tsx
-import * as React5 from "react";
-import PropTypes2 from "prop-types";
-import Button3 from "@mui/material/Button";
-import LogoutIcon from "@mui/icons-material/Logout";
-import { jsx as jsx3 } from "react/jsx-runtime";
 function SignOutButton(props) {
-  const authentication = React5.useContext(AuthenticationContext);
+  const authentication = React16.useContext(AuthenticationContext);
   const globalLocaleText = useLocaleText();
-  const accountLocaleText = React5.useContext(AccountLocaleContext);
+  const accountLocaleText = React16.useContext(AccountLocaleContext);
   const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  return /* @__PURE__ */ jsx3(
-    Button3,
+  return /* @__PURE__ */ jsx(
+    Button,
     __spreadProps(__spreadValues({
       disabled: !authentication,
       variant: "outlined",
@@ -300,7 +288,7 @@ function SignOutButton(props) {
           filter: "opacity(1)"
         }
       },
-      startIcon: /* @__PURE__ */ jsx3(LogoutIcon, {})
+      startIcon: /* @__PURE__ */ jsx(LogoutIcon, {})
     }, props), {
       children: localeText == null ? void 0 : localeText.accountSignOutLabel
     })
@@ -314,30 +302,19 @@ SignOutButton.propTypes = {
   /**
    * The content of the component.
    */
-  children: PropTypes2.node
+  children: PropTypes9.node
 };
-
-// src/toolpad-core/Account/AccountPreview.tsx
-import * as React6 from "react";
-import PropTypes3 from "prop-types";
-import Avatar from "@mui/material/Avatar";
-import Typography from "@mui/material/Typography";
-import Tooltip from "@mui/material/Tooltip";
-import Stack from "@mui/material/Stack";
-import IconButton from "@mui/material/IconButton";
-import MoreVertIcon from "@mui/icons-material/MoreVert";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function AccountPreview(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { slots, variant = "condensed", slotProps, open, handleClick, sx } = props;
-  const session = React6.useContext(SessionContext);
+  const session = React16.useContext(SessionContext);
   const globalLocaleText = useLocaleText();
-  const accountLocaleText = React6.useContext(AccountLocaleContext);
+  const accountLocaleText = React16.useContext(AccountLocaleContext);
   const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
   if (!session || !session.user) {
     return null;
   }
-  const avatarContent = (slots == null ? void 0 : slots.avatar) ? /* @__PURE__ */ jsx4(slots.avatar, {}) : /* @__PURE__ */ jsx4(
+  const avatarContent = (slots == null ? void 0 : slots.avatar) ? /* @__PURE__ */ jsx(slots.avatar, {}) : /* @__PURE__ */ jsx(
     Avatar,
     __spreadValues({
       src: ((_a = session.user) == null ? void 0 : _a.image) || "",
@@ -346,27 +323,27 @@ function AccountPreview(props) {
     }, slotProps == null ? void 0 : slotProps.avatar)
   );
   if (variant === "expanded") {
-    return /* @__PURE__ */ jsxs2(Stack, { direction: "row", justifyContent: "space-between", sx: __spreadValues({ py: 1, px: 2, gap: 2 }, sx), children: [
-      /* @__PURE__ */ jsxs2(Stack, { direction: "row", justifyContent: "flex-start", spacing: 2, overflow: "hidden", children: [
+    return /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: __spreadValues({ py: 1, px: 2, gap: 2 }, sx), children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "flex-start", spacing: 2, overflow: "hidden", children: [
         avatarContent,
-        /* @__PURE__ */ jsxs2(Stack, { direction: "column", justifyContent: "space-evenly", overflow: "hidden", children: [
-          /* @__PURE__ */ jsx4(Typography, { variant: "body2", fontWeight: "bolder", noWrap: true, children: (_d = session.user) == null ? void 0 : _d.name }),
-          /* @__PURE__ */ jsx4(Typography, { variant: "caption", noWrap: true, children: (_e = session.user) == null ? void 0 : _e.email })
+        /* @__PURE__ */ jsxs(Stack, { direction: "column", justifyContent: "space-evenly", overflow: "hidden", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: "bolder", noWrap: true, children: (_d = session.user) == null ? void 0 : _d.name }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", noWrap: true, children: (_e = session.user) == null ? void 0 : _e.email })
         ] })
       ] }),
-      handleClick && ((slots == null ? void 0 : slots.moreIconButton) ? /* @__PURE__ */ jsx4(slots.moreIconButton, {}) : /* @__PURE__ */ jsx4(
+      handleClick && ((slots == null ? void 0 : slots.moreIconButton) ? /* @__PURE__ */ jsx(slots.moreIconButton, {}) : /* @__PURE__ */ jsx(
         IconButton,
         __spreadProps(__spreadValues({
           size: "small",
           onClick: handleClick
         }, slotProps == null ? void 0 : slotProps.moreIconButton), {
           sx: __spreadValues({ alignSelf: "center" }, (_f = slotProps == null ? void 0 : slotProps.moreIconButton) == null ? void 0 : _f.sx),
-          children: /* @__PURE__ */ jsx4(MoreVertIcon, { fontSize: "small" })
+          children: /* @__PURE__ */ jsx(MoreVertIcon, { fontSize: "small" })
         })
       ))
     ] });
   }
-  return /* @__PURE__ */ jsx4(Tooltip, { title: (_g = session.user.name) != null ? _g : accountLocaleText == null ? void 0 : accountLocaleText.accountPreviewTitle, children: (slots == null ? void 0 : slots.avatarIconButton) ? /* @__PURE__ */ jsx4(slots.avatarIconButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.avatarIconButton)) : /* @__PURE__ */ jsx4(Stack, { sx: __spreadValues({ py: 0.5 }, sx), children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(Tooltip, { title: (_g = session.user.name) != null ? _g : accountLocaleText == null ? void 0 : accountLocaleText.accountPreviewTitle, children: (slots == null ? void 0 : slots.avatarIconButton) ? /* @__PURE__ */ jsx(slots.avatarIconButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.avatarIconButton)) : /* @__PURE__ */ jsx(Stack, { sx: __spreadValues({ py: 0.5 }, sx), children: /* @__PURE__ */ jsx(
     IconButton,
     __spreadProps(__spreadValues({
       onClick: handleClick,
@@ -389,35 +366,35 @@ AccountPreview.propTypes = {
   /**
    * The handler used when the preview is expanded
    */
-  handleClick: PropTypes3.func,
+  handleClick: PropTypes9.func,
   /**
    * The state of the Account popover
    * @default false
    */
-  open: PropTypes3.bool,
+  open: PropTypes9.bool,
   /**
    * The props used for each slot inside.
    */
-  slotProps: PropTypes3.shape({
-    avatar: PropTypes3.object,
-    avatarIconButton: PropTypes3.object,
-    moreIconButton: PropTypes3.object
+  slotProps: PropTypes9.shape({
+    avatar: PropTypes9.object,
+    avatarIconButton: PropTypes9.object,
+    moreIconButton: PropTypes9.object
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: PropTypes3.shape({
-    avatar: PropTypes3.elementType,
-    avatarIconButton: PropTypes3.elementType,
-    moreIconButton: PropTypes3.elementType
+  slots: PropTypes9.shape({
+    avatar: PropTypes9.elementType,
+    avatarIconButton: PropTypes9.elementType,
+    moreIconButton: PropTypes9.elementType
   }),
   /**
    * The prop used to customize the styling of the preview
    */
-  sx: PropTypes3.oneOfType([
-    PropTypes3.arrayOf(PropTypes3.oneOfType([PropTypes3.func, PropTypes3.object, PropTypes3.bool])),
-    PropTypes3.func,
-    PropTypes3.object
+  sx: PropTypes9.oneOfType([
+    PropTypes9.arrayOf(PropTypes9.oneOfType([PropTypes9.func, PropTypes9.object, PropTypes9.bool])),
+    PropTypes9.func,
+    PropTypes9.object
   ]),
   /**
    * The type of account details to display.
@@ -425,16 +402,11 @@ AccountPreview.propTypes = {
    * @property {'expanded'} expanded - Displays the user's avatar, name, and email if available.
    * @default 'condensed'
    */
-  variant: PropTypes3.oneOf(["condensed", "expanded"])
+  variant: PropTypes9.oneOf(["condensed", "expanded"])
 };
-
-// src/toolpad-core/Account/AccountPopoverHeader.tsx
-import PropTypes4 from "prop-types";
-import Stack2 from "@mui/material/Stack";
-import { jsx as jsx5 } from "react/jsx-runtime";
 function AccountPopoverHeader(props) {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx5(Stack2, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx(Stack, __spreadProps(__spreadValues({}, rest), { children }));
 }
 AccountPopoverHeader.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -444,17 +416,12 @@ AccountPopoverHeader.propTypes = {
   /**
    * The content of the component.
    */
-  children: PropTypes4.node
+  children: PropTypes9.node
 };
-
-// src/toolpad-core/Account/AccountPopoverFooter.tsx
-import PropTypes5 from "prop-types";
-import Box from "@mui/material/Box";
-import { jsx as jsx6 } from "react/jsx-runtime";
 function AccountPopoverFooter(props) {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx6(
-    Box,
+  return /* @__PURE__ */ jsx(
+    Box4,
     __spreadProps(__spreadValues({}, rest), {
       sx: __spreadValues({ display: "flex", flexDirection: "row", p: 1, justifyContent: "flex-end" }, rest.sx),
       children
@@ -469,19 +436,16 @@ AccountPopoverFooter.propTypes = {
   /**
    * @ignore
    */
-  children: PropTypes5.node,
+  children: PropTypes9.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes5.oneOfType([
-    PropTypes5.arrayOf(PropTypes5.oneOfType([PropTypes5.func, PropTypes5.object, PropTypes5.bool])),
-    PropTypes5.func,
-    PropTypes5.object
+  sx: PropTypes9.oneOfType([
+    PropTypes9.arrayOf(PropTypes9.oneOfType([PropTypes9.func, PropTypes9.object, PropTypes9.bool])),
+    PropTypes9.func,
+    PropTypes9.object
   ])
 };
-
-// src/toolpad-core/Account/Account.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultAccountLocaleText = {
   accountPreviewIconButtonLabel: "Current User",
   accountPreviewTitle: "Account",
@@ -492,14 +456,14 @@ function Account(props) {
   var _a;
   const { localeText: propsLocaleText } = props;
   const globalLocaleText = useLocaleText();
-  const localeText = React7.useMemo(
+  const localeText = React16.useMemo(
     () => __spreadValues(__spreadValues(__spreadValues({}, defaultAccountLocaleText), globalLocaleText), propsLocaleText),
     [globalLocaleText, propsLocaleText]
   );
   const { slots, slotProps } = props;
-  const [anchorEl, setAnchorEl] = React7.useState(null);
-  const session = React7.useContext(SessionContext);
-  const authentication = React7.useContext(AuthenticationContext);
+  const [anchorEl, setAnchorEl] = React16.useState(null);
+  const session = React16.useContext(SessionContext);
+  const authentication = React16.useContext(AuthenticationContext);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -512,10 +476,10 @@ function Account(props) {
   }
   let accountContent = null;
   if (!(session == null ? void 0 : session.user)) {
-    accountContent = (slots == null ? void 0 : slots.signInButton) ? /* @__PURE__ */ jsx7(slots.signInButton, { onClick: authentication.signIn }) : /* @__PURE__ */ jsx7(SignInButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signInButton));
+    accountContent = (slots == null ? void 0 : slots.signInButton) ? /* @__PURE__ */ jsx(slots.signInButton, { onClick: authentication.signIn }) : /* @__PURE__ */ jsx(SignInButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signInButton));
   } else {
-    accountContent = /* @__PURE__ */ jsxs3(React7.Fragment, { children: [
-      (slots == null ? void 0 : slots.preview) ? /* @__PURE__ */ jsx7(slots.preview, { handleClick, open }) : /* @__PURE__ */ jsx7(
+    accountContent = /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+      (slots == null ? void 0 : slots.preview) ? /* @__PURE__ */ jsx(slots.preview, { handleClick, open }) : /* @__PURE__ */ jsx(
         AccountPreview,
         __spreadValues({
           variant: "condensed",
@@ -523,14 +487,14 @@ function Account(props) {
           open
         }, slotProps == null ? void 0 : slotProps.preview)
       ),
-      (slots == null ? void 0 : slots.popover) ? /* @__PURE__ */ jsx7(
+      (slots == null ? void 0 : slots.popover) ? /* @__PURE__ */ jsx(
         slots.popover,
         __spreadValues({
           open,
           onClick: handleClick,
           onClose: handleClose
         }, slotProps == null ? void 0 : slotProps.popover)
-      ) : /* @__PURE__ */ jsx7(
+      ) : /* @__PURE__ */ jsx(
         Popover,
         __spreadProps(__spreadValues({
           anchorEl,
@@ -563,16 +527,16 @@ function Account(props) {
               }
             }
           }, (_a = slotProps == null ? void 0 : slotProps.popover) == null ? void 0 : _a.slotProps),
-          children: (slots == null ? void 0 : slots.popoverContent) ? /* @__PURE__ */ jsx7(slots.popoverContent, __spreadValues({}, slotProps == null ? void 0 : slotProps.popoverContent)) : /* @__PURE__ */ jsxs3(Stack3, __spreadProps(__spreadValues({ direction: "column" }, slotProps == null ? void 0 : slotProps.popoverContent), { children: [
-            /* @__PURE__ */ jsx7(AccountPopoverHeader, { children: /* @__PURE__ */ jsx7(AccountPreview, { variant: "expanded" }) }),
-            /* @__PURE__ */ jsx7(Divider, {}),
-            /* @__PURE__ */ jsx7(AccountPopoverFooter, { children: /* @__PURE__ */ jsx7(SignOutButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signOutButton)) })
+          children: (slots == null ? void 0 : slots.popoverContent) ? /* @__PURE__ */ jsx(slots.popoverContent, __spreadValues({}, slotProps == null ? void 0 : slotProps.popoverContent)) : /* @__PURE__ */ jsxs(Stack, __spreadProps(__spreadValues({ direction: "column" }, slotProps == null ? void 0 : slotProps.popoverContent), { children: [
+            /* @__PURE__ */ jsx(AccountPopoverHeader, { children: /* @__PURE__ */ jsx(AccountPreview, { variant: "expanded" }) }),
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx(AccountPopoverFooter, { children: /* @__PURE__ */ jsx(SignOutButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signOutButton)) })
           ] }))
         })
       )
     ] });
   }
-  return /* @__PURE__ */ jsx7(AccountLocaleContext.Provider, { value: localeText, children: accountContent });
+  return /* @__PURE__ */ jsx(AccountLocaleContext.Provider, { value: localeText, children: accountContent });
 }
 Account.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -582,82 +546,51 @@ Account.propTypes = {
   /**
    * The labels for the account component.
    */
-  localeText: PropTypes6.object,
+  localeText: PropTypes9.object,
   /**
    * The props used for each slot inside.
    */
-  slotProps: PropTypes6.shape({
-    popover: PropTypes6.object,
-    popoverContent: PropTypes6.object,
-    preview: PropTypes6.shape({
-      handleClick: PropTypes6.func,
-      open: PropTypes6.bool,
-      slotProps: PropTypes6.shape({
-        avatar: PropTypes6.object,
-        avatarIconButton: PropTypes6.object,
-        moreIconButton: PropTypes6.object
+  slotProps: PropTypes9.shape({
+    popover: PropTypes9.object,
+    popoverContent: PropTypes9.object,
+    preview: PropTypes9.shape({
+      handleClick: PropTypes9.func,
+      open: PropTypes9.bool,
+      slotProps: PropTypes9.shape({
+        avatar: PropTypes9.object,
+        avatarIconButton: PropTypes9.object,
+        moreIconButton: PropTypes9.object
       }),
-      slots: PropTypes6.shape({
-        avatar: PropTypes6.elementType,
-        avatarIconButton: PropTypes6.elementType,
-        moreIconButton: PropTypes6.elementType
+      slots: PropTypes9.shape({
+        avatar: PropTypes9.elementType,
+        avatarIconButton: PropTypes9.elementType,
+        moreIconButton: PropTypes9.elementType
       }),
-      sx: PropTypes6.oneOfType([
-        PropTypes6.arrayOf(PropTypes6.oneOfType([PropTypes6.func, PropTypes6.object, PropTypes6.bool])),
-        PropTypes6.func,
-        PropTypes6.object
+      sx: PropTypes9.oneOfType([
+        PropTypes9.arrayOf(PropTypes9.oneOfType([PropTypes9.func, PropTypes9.object, PropTypes9.bool])),
+        PropTypes9.func,
+        PropTypes9.object
       ]),
-      variant: PropTypes6.oneOf(["condensed", "expanded"])
+      variant: PropTypes9.oneOf(["condensed", "expanded"])
     }),
-    signInButton: PropTypes6.object,
-    signOutButton: PropTypes6.object
+    signInButton: PropTypes9.object,
+    signOutButton: PropTypes9.object
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: PropTypes6.shape({
-    popover: PropTypes6.elementType,
-    popoverContent: PropTypes6.elementType,
-    preview: PropTypes6.elementType,
-    signInButton: PropTypes6.elementType,
-    signOutButton: PropTypes6.elementType
+  slots: PropTypes9.shape({
+    popover: PropTypes9.elementType,
+    popoverContent: PropTypes9.elementType,
+    preview: PropTypes9.elementType,
+    signInButton: PropTypes9.elementType,
+    signOutButton: PropTypes9.elementType
   })
 };
-
-// src/toolpad-core/DashboardLayout/DashboardLayout.tsx
-import * as React16 from "react";
-import PropTypes9 from "prop-types";
-import { useTheme as useTheme3 } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import Box4 from "@mui/material/Box";
-import Drawer from "@mui/material/Drawer";
-import Toolbar2 from "@mui/material/Toolbar";
-
-// src/toolpad-core/DashboardLayout/DashboardHeader.tsx
-import * as React12 from "react";
-import PropTypes7 from "prop-types";
-import { styled as styled2 } from "@mui/material/styles";
-import Box2 from "@mui/material/Box";
-import MuiAppBar from "@mui/material/AppBar";
-import IconButton3 from "@mui/material/IconButton";
-import Toolbar from "@mui/material/Toolbar";
-import Tooltip3 from "@mui/material/Tooltip";
-import MenuIcon from "@mui/icons-material/Menu";
-import MenuOpenIcon from "@mui/icons-material/MenuOpen";
-import Stack6 from "@mui/material/Stack";
-
-// src/toolpad-core/DashboardLayout/AppTitle.tsx
-import Typography2 from "@mui/material/Typography";
-import Stack4 from "@mui/material/Stack";
-import { styled, useTheme } from "@mui/material";
-
-// src/toolpad-core/shared/Link.tsx
-import * as React8 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var DefaultLink = React8.forwardRef(function Link(props, ref) {
+var DefaultLink = React16.forwardRef(function Link(props, ref) {
   const _a = props, { children, href, onClick, history } = _a, rest = __objRest(_a, ["children", "href", "onClick", "history"]);
-  const routerContext = React8.useContext(RouterContext);
-  const handleLinkClick = React8.useMemo(() => {
+  const routerContext = React16.useContext(RouterContext);
+  const handleLinkClick = React16.useMemo(() => {
     if (!routerContext) {
       return onClick;
     }
@@ -668,25 +601,22 @@ var DefaultLink = React8.forwardRef(function Link(props, ref) {
       onClick == null ? void 0 : onClick(event);
     };
   }, [routerContext, onClick, history]);
-  return /* @__PURE__ */ jsx8("a", __spreadProps(__spreadValues({ ref, href }, rest), { onClick: handleLinkClick, children }));
+  return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({ ref, href }, rest), { onClick: handleLinkClick, children }));
 });
-var Link2 = React8.forwardRef(function Link3(props, ref) {
+var Link2 = React16.forwardRef(function Link3(props, ref) {
   var _a;
-  const routerContext = React8.useContext(RouterContext);
+  const routerContext = React16.useContext(RouterContext);
   const LinkComponent = (_a = routerContext == null ? void 0 : routerContext.Link) != null ? _a : DefaultLink;
-  return /* @__PURE__ */ jsx8(LinkComponent, __spreadProps(__spreadValues({ ref }, props), { children: props.children }));
+  return /* @__PURE__ */ jsx(LinkComponent, __spreadProps(__spreadValues({ ref }, props), { children: props.children }));
 });
-
-// src/toolpad-core/DashboardLayout/ToolpadLogo.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function ToolpadLogo({ size = 40 }) {
-  return /* @__PURE__ */ jsxs4("svg", { width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsxs4("g", { mask: "url(#a)", children: [
-      /* @__PURE__ */ jsx9("path", { d: "M22.74 27.73v-7.6l6.64-3.79v7.6l-6.64 3.79Z", fill: "#007FFF" }),
-      /* @__PURE__ */ jsx9("path", { d: "M16.1 23.93v-7.59l6.64 3.8v7.59l-6.65-3.8Z", fill: "#39F" }),
-      /* @__PURE__ */ jsx9("path", { d: "m16.1 16.34 6.64-3.8 6.64 3.8-6.64 3.8-6.65-3.8Z", fill: "#A5D8FF" })
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsxs("g", { mask: "url(#a)", children: [
+      /* @__PURE__ */ jsx("path", { d: "M22.74 27.73v-7.6l6.64-3.79v7.6l-6.64 3.79Z", fill: "#007FFF" }),
+      /* @__PURE__ */ jsx("path", { d: "M16.1 23.93v-7.59l6.64 3.8v7.59l-6.65-3.8Z", fill: "#39F" }),
+      /* @__PURE__ */ 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__ */ jsx9(
+    /* @__PURE__ */ jsx(
       "mask",
       {
         id: "b",
@@ -698,7 +628,7 @@ function ToolpadLogo({ size = 40 }) {
         y: "17",
         width: "14",
         height: "15",
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ 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",
@@ -707,12 +637,12 @@ function ToolpadLogo({ size = 40 }) {
         )
       }
     ),
-    /* @__PURE__ */ jsxs4("g", { mask: "url(#b)", children: [
-      /* @__PURE__ */ jsx9("path", { d: "M15.14 32v-7.6l6.65-3.8v7.6L15.14 32Z", fill: "#007FFF" }),
-      /* @__PURE__ */ jsx9("path", { d: "M8.5 28.2v-7.6l6.64 3.8V32L8.5 28.2Z", fill: "#39F" }),
-      /* @__PURE__ */ jsx9("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__ */ jsxs("g", { mask: "url(#b)", children: [
+      /* @__PURE__ */ jsx("path", { d: "M15.14 32v-7.6l6.65-3.8v7.6L15.14 32Z", fill: "#007FFF" }),
+      /* @__PURE__ */ jsx("path", { d: "M8.5 28.2v-7.6l6.64 3.8V32L8.5 28.2Z", fill: "#39F" }),
+      /* @__PURE__ */ 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__ */ jsx9(
+    /* @__PURE__ */ jsx(
       "mask",
       {
         id: "c",
@@ -724,7 +654,7 @@ function ToolpadLogo({ size = 40 }) {
         y: "4",
         width: "22",
         height: "20",
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ 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",
@@ -733,24 +663,18 @@ function ToolpadLogo({ size = 40 }) {
         )
       }
     ),
-    /* @__PURE__ */ jsxs4("g", { mask: "url(#c)", children: [
-      /* @__PURE__ */ jsx9("path", { d: "M15.14 23.46v-7.6L29.38 7.8v7.59l-14.24 8.07Z", fill: "#007FFF" }),
-      /* @__PURE__ */ jsx9("path", { d: "M8.5 19.66v-7.6l6.64 3.8v7.6l-6.64-3.8Z", fill: "#39F" }),
-      /* @__PURE__ */ jsx9("path", { d: "M8.5 12.07 22.74 4l6.64 3.8-14.24 8.06-6.64-3.8Z", fill: "#A5D8FF" })
+    /* @__PURE__ */ jsxs("g", { mask: "url(#c)", children: [
+      /* @__PURE__ */ jsx("path", { d: "M15.14 23.46v-7.6L29.38 7.8v7.59l-14.24 8.07Z", fill: "#007FFF" }),
+      /* @__PURE__ */ jsx("path", { d: "M8.5 19.66v-7.6l6.64 3.8v7.6l-6.64-3.8Z", fill: "#39F" }),
+      /* @__PURE__ */ jsx("path", { d: "M8.5 12.07 22.74 4l6.64 3.8-14.24 8.06-6.64-3.8Z", fill: "#A5D8FF" })
     ] })
   ] });
 }
-
-// src/toolpad-core/shared/branding.ts
-import * as React9 from "react";
 function useApplicationTitle() {
   var _a;
-  const branding = React9.useContext(BrandingContext);
+  const branding = React16.useContext(BrandingContext);
   return (_a = branding == null ? void 0 : branding.title) != null ? _a : "Toolpad";
 }
-
-// src/toolpad-core/DashboardLayout/AppTitle.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var LogoContainer = styled("div")({
   position: "relative",
   height: 40,
@@ -765,10 +689,10 @@ function AppTitle(props) {
   const theme = useTheme();
   const defaultTitle = useApplicationTitle();
   const title = (_b = (_a = props == null ? void 0 : props.branding) == null ? void 0 : _a.title) != null ? _b : defaultTitle;
-  return /* @__PURE__ */ jsx10(Link2, { href: (_d = (_c = props == null ? void 0 : props.branding) == null ? void 0 : _c.homeUrl) != null ? _d : "/", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsxs5(Stack4, { direction: "row", alignItems: "center", children: [
-    /* @__PURE__ */ jsx10(LogoContainer, { children: (_f = (_e = props == null ? void 0 : props.branding) == null ? void 0 : _e.logo) != null ? _f : /* @__PURE__ */ jsx10(ToolpadLogo, { size: 40 }) }),
-    /* @__PURE__ */ jsx10(
-      Typography2,
+  return /* @__PURE__ */ jsx(Link2, { href: (_d = (_c = props == null ? void 0 : props.branding) == null ? void 0 : _c.homeUrl) != null ? _d : "/", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(LogoContainer, { children: (_f = (_e = props == null ? void 0 : props.branding) == null ? void 0 : _e.logo) != null ? _f : /* @__PURE__ */ jsx(ToolpadLogo, { size: 40 }) }),
+    /* @__PURE__ */ jsx(
+      Typography,
       {
         variant: "h6",
         sx: {
@@ -783,20 +707,6 @@ function AppTitle(props) {
     )
   ] }) });
 }
-
-// src/toolpad-core/DashboardLayout/ToolbarActions.tsx
-import Stack5 from "@mui/material/Stack";
-
-// src/toolpad-core/DashboardLayout/ThemeSwitcher.tsx
-import * as React11 from "react";
-import { useTheme as useTheme2 } from "@mui/material";
-import IconButton2 from "@mui/material/IconButton";
-import Tooltip2 from "@mui/material/Tooltip";
-import DarkModeIcon from "@mui/icons-material/DarkMode";
-import LightModeIcon from "@mui/icons-material/LightMode";
-
-// src/toolpad-utils/hooks/useSsr.ts
-import * as React10 from "react";
 function subscribe() {
   return () => {
   };
@@ -808,34 +718,31 @@ function getServerSnapshot() {
   return true;
 }
 function useSsr() {
-  return React10.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return React16.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
-
-// src/toolpad-core/DashboardLayout/ThemeSwitcher.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function ThemeSwitcher() {
   var _a;
   const isSsr = useSsr();
-  const theme = useTheme2();
-  const { paletteMode, setPaletteMode, isDualTheme } = React11.useContext(PaletteModeContext);
-  const toggleMode = React11.useCallback(() => {
+  const theme = useTheme();
+  const { paletteMode, setPaletteMode, isDualTheme } = React16.useContext(PaletteModeContext);
+  const toggleMode = React16.useCallback(() => {
     setPaletteMode(paletteMode === "dark" ? "light" : "dark");
   }, [paletteMode, setPaletteMode]);
-  return isDualTheme ? /* @__PURE__ */ jsx11(
-    Tooltip2,
+  return isDualTheme ? /* @__PURE__ */ jsx(
+    Tooltip,
     {
       title: isSsr ? "Switch mode" : `${paletteMode === "dark" ? "Light" : "Dark"} mode`,
       enterDelay: 1e3,
-      children: /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(
-        IconButton2,
+      children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        IconButton,
         {
           "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__ */ jsxs6(React11.Fragment, { children: [
-            /* @__PURE__ */ jsx11(
+          children: theme.getColorSchemeSelector ? /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+            /* @__PURE__ */ jsx(
               DarkModeIcon,
               {
                 sx: {
@@ -846,7 +753,7 @@ function ThemeSwitcher() {
                 }
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx(
               LightModeIcon,
               {
                 sx: {
@@ -857,25 +764,19 @@ function ThemeSwitcher() {
                 }
               }
             )
-          ] }) : /* @__PURE__ */ jsx11(React11.Fragment, { children: isSsr || paletteMode !== "dark" ? /* @__PURE__ */ jsx11(DarkModeIcon, {}) : /* @__PURE__ */ jsx11(LightModeIcon, {}) })
+          ] }) : /* @__PURE__ */ jsx(React16.Fragment, { children: isSsr || paletteMode !== "dark" ? /* @__PURE__ */ jsx(DarkModeIcon, {}) : /* @__PURE__ */ jsx(LightModeIcon, {}) })
         }
       ) })
     }
   ) : null;
 }
-
-// src/toolpad-core/DashboardLayout/ToolbarActions.tsx
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function ToolbarActions() {
-  return /* @__PURE__ */ jsxs7(Stack5, { direction: "row", alignItems: "center", children: [
-    /* @__PURE__ */ jsx12(ThemeSwitcher, {}),
-    /* @__PURE__ */ jsx12(Account, {})
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(ThemeSwitcher, {}),
+    /* @__PURE__ */ jsx(Account, {})
   ] });
 }
-
-// src/toolpad-core/DashboardLayout/DashboardHeader.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var AppBar = styled2(MuiAppBar)(({ theme }) => {
+var AppBar = styled$1(MuiAppBar)(({ theme }) => {
   var _a;
   return {
     borderWidth: 0,
@@ -896,26 +797,26 @@ function DashboardHeader(props) {
     slots,
     slotProps
   } = props;
-  const brandingContext = React12.useContext(BrandingContext);
+  const brandingContext = React16.useContext(BrandingContext);
   const branding = __spreadValues(__spreadValues({}, brandingContext), brandingProp);
-  const handleMenuOpen = React12.useCallback(() => {
+  const handleMenuOpen = React16.useCallback(() => {
     onToggleMenu(!menuOpen);
   }, [menuOpen, onToggleMenu]);
-  const getMenuIcon = React12.useCallback(
+  const getMenuIcon = React16.useCallback(
     (isExpanded) => {
       const expandMenuActionText = "Expand";
       const collapseMenuActionText = "Collapse";
-      return /* @__PURE__ */ jsx13(
-        Tooltip3,
+      return /* @__PURE__ */ jsx(
+        Tooltip,
         {
           title: `${isExpanded ? collapseMenuActionText : expandMenuActionText} menu`,
           enterDelay: 1e3,
-          children: /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13(
-            IconButton3,
+          children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            IconButton,
             {
               "aria-label": `${isExpanded ? collapseMenuActionText : expandMenuActionText} navigation menu`,
               onClick: handleMenuOpen,
-              children: isExpanded ? /* @__PURE__ */ jsx13(MenuOpenIcon, {}) : /* @__PURE__ */ jsx13(MenuIcon, {})
+              children: isExpanded ? /* @__PURE__ */ jsx(MenuOpenIcon, {}) : /* @__PURE__ */ jsx(MenuIcon, {})
             }
           ) })
         }
@@ -925,8 +826,8 @@ function DashboardHeader(props) {
   );
   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__ */ jsx13(AppBar, { color: "inherit", position: "absolute", sx: { displayPrint: "none" }, children: /* @__PURE__ */ jsx13(Toolbar, { sx: { backgroundColor: "inherit", mx: { xs: -0.75, sm: -1 } }, children: /* @__PURE__ */ jsxs8(
-    Stack6,
+  return /* @__PURE__ */ jsx(AppBar, { color: "inherit", position: "absolute", sx: { displayPrint: "none" }, children: /* @__PURE__ */ jsx(Toolbar2, { sx: { backgroundColor: "inherit", mx: { xs: -0.75, sm: -1 } }, children: /* @__PURE__ */ jsxs(
+    Stack,
     {
       direction: "row",
       justifyContent: "space-between",
@@ -936,10 +837,10 @@ function DashboardHeader(props) {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ jsxs8(Stack6, { direction: "row", children: [
-          !hideMenuButton ? /* @__PURE__ */ jsxs8(React12.Fragment, { children: [
-            /* @__PURE__ */ jsx13(
-              Box2,
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
+          !hideMenuButton ? /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Box4,
               {
                 sx: {
                   display: { xs: "block", md: "none" },
@@ -948,8 +849,8 @@ function DashboardHeader(props) {
                 children: getMenuIcon(menuOpen)
               }
             ),
-            /* @__PURE__ */ jsx13(
-              Box2,
+            /* @__PURE__ */ jsx(
+              Box4,
               {
                 sx: {
                   display: { xs: "none", md: "block" },
@@ -959,18 +860,18 @@ function DashboardHeader(props) {
               }
             )
           ] }) : null,
-          (slots == null ? void 0 : slots.appTitle) ? /* @__PURE__ */ jsx13(slots.appTitle, __spreadValues({}, slotProps == null ? void 0 : slotProps.appTitle)) : (
+          (slots == null ? void 0 : slots.appTitle) ? /* @__PURE__ */ jsx(slots.appTitle, __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__ */ jsx13(AppTitle, __spreadValues({ branding }, slotProps == null ? void 0 : slotProps.appTitle))
+            /* @__PURE__ */ jsx(AppTitle, __spreadValues({ branding }, slotProps == null ? void 0 : slotProps.appTitle))
           )
         ] }),
-        /* @__PURE__ */ jsxs8(Stack6, { direction: "row", alignItems: "center", spacing: 1, sx: { marginLeft: "auto" }, children: [
-          /* @__PURE__ */ jsx13(ToolbarActionsSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarActions)),
-          /* @__PURE__ */ jsx13(ToolbarAccountSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarAccount))
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, sx: { marginLeft: "auto" }, children: [
+          /* @__PURE__ */ jsx(ToolbarActionsSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarActions)),
+          /* @__PURE__ */ jsx(ToolbarAccountSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarAccount))
         ] })
       ]
     }
@@ -985,75 +886,65 @@ DashboardHeader.propTypes = {
    * Branding options for the header.
    * @default null
    */
-  branding: PropTypes7.shape({
-    homeUrl: PropTypes7.string,
-    logo: PropTypes7.node,
-    title: PropTypes7.string
+  branding: PropTypes9.shape({
+    homeUrl: PropTypes9.string,
+    logo: PropTypes9.node,
+    title: PropTypes9.string
   }),
   /**
    * Whether the menu icon should always be hidden.
    * @default false
    */
-  hideMenuButton: PropTypes7.bool,
+  hideMenuButton: PropTypes9.bool,
   /**
    * If `true`, show menu button as if menu is expanded, otherwise show it as if menu is collapsed.
    */
-  menuOpen: PropTypes7.bool.isRequired,
+  menuOpen: PropTypes9.bool.isRequired,
   /**
    * Callback fired when the menu button is clicked.
    */
-  onToggleMenu: PropTypes7.func.isRequired,
+  onToggleMenu: PropTypes9.func.isRequired,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: PropTypes7.shape({
-    appTitle: PropTypes7.shape({
-      branding: PropTypes7.shape({
-        homeUrl: PropTypes7.string,
-        logo: PropTypes7.node,
-        title: PropTypes7.string
+  slotProps: PropTypes9.shape({
+    appTitle: PropTypes9.shape({
+      branding: PropTypes9.shape({
+        homeUrl: PropTypes9.string,
+        logo: PropTypes9.node,
+        title: PropTypes9.string
       })
     }),
-    toolbarAccount: PropTypes7.shape({
-      localeText: PropTypes7.object,
-      slotProps: PropTypes7.shape({
-        popover: PropTypes7.object,
-        popoverContent: PropTypes7.object,
-        preview: PropTypes7.object,
-        signInButton: PropTypes7.object,
-        signOutButton: PropTypes7.object
+    toolbarAccount: PropTypes9.shape({
+      localeText: PropTypes9.object,
+      slotProps: PropTypes9.shape({
+        popover: PropTypes9.object,
+        popoverContent: PropTypes9.object,
+        preview: PropTypes9.object,
+        signInButton: PropTypes9.object,
+        signOutButton: PropTypes9.object
       }),
-      slots: PropTypes7.shape({
-        popover: PropTypes7.elementType,
-        popoverContent: PropTypes7.elementType,
-        preview: PropTypes7.elementType,
-        signInButton: PropTypes7.elementType,
-        signOutButton: PropTypes7.elementType
+      slots: PropTypes9.shape({
+        popover: PropTypes9.elementType,
+        popoverContent: PropTypes9.elementType,
+        preview: PropTypes9.elementType,
+        signInButton: PropTypes9.elementType,
+        signOutButton: PropTypes9.elementType
       })
     }),
-    toolbarActions: PropTypes7.object
+    toolbarActions: PropTypes9.object
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: PropTypes7.shape({
-    appTitle: PropTypes7.elementType,
-    toolbarAccount: PropTypes7.elementType,
-    toolbarActions: PropTypes7.elementType
+  slots: PropTypes9.shape({
+    appTitle: PropTypes9.elementType,
+    toolbarAccount: PropTypes9.elementType,
+    toolbarActions: PropTypes9.elementType
   })
 };
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarSubNavigation.tsx
-import * as React15 from "react";
-import Divider2 from "@mui/material/Divider";
-import List from "@mui/material/List";
-import ListSubheader from "@mui/material/ListSubheader";
-
-// src/toolpad-core/shared/navigation.tsx
-import { pathToRegexp } from "path-to-regexp";
-import invariant2 from "invariant";
 var getItemKind = (item) => {
   var _a;
   return (_a = item.kind) != null ? _a : "page";
@@ -1139,7 +1030,7 @@ function matchPath(navigation, path) {
 function getItemPath(navigation, item) {
   const map = getItemToPathMap(navigation);
   const path = map.get(item);
-  invariant2(path, `Item not found in navigation: ${item.title}`);
+  invariant(path, `Item not found in navigation: ${item.title}`);
   return path;
 }
 function hasSelectedNavigationChildren(navigation, item, activePagePath) {
@@ -1171,17 +1062,14 @@ function getDrawerWidthTransitionMixin(isExpanded) {
     overflowX: "hidden"
   });
 }
-
-// src/toolpad-core/useActivePage/useActivePage.ts
-import * as React13 from "react";
 function useActivePage() {
   var _a;
-  const navigationContext = React13.useContext(NavigationContext);
-  const routerContext = React13.useContext(RouterContext);
+  const navigationContext = React16.useContext(NavigationContext);
+  const routerContext = React16.useContext(RouterContext);
   const pathname = (_a = routerContext == null ? void 0 : routerContext.pathname) != null ? _a : "/";
   const activeItem = matchPath(navigationContext, pathname);
   const rootItem = matchPath(navigationContext, "/");
-  return React13.useMemo(() => {
+  return React16.useMemo(() => {
     if (!activeItem) {
       return null;
     }
@@ -1218,29 +1106,9 @@ function useActivePage() {
   }, [activeItem, rootItem, pathname, navigationContext]);
 }
 
-// src/toolpad-core/DashboardLayout/DashboardSidebarPageItem.tsx
-import * as React14 from "react";
-import PropTypes8 from "prop-types";
-import { styled as styled3 } from "@mui/material";
-import Avatar2 from "@mui/material/Avatar";
-import Box3 from "@mui/material/Box";
-import Collapse from "@mui/material/Collapse";
-import Grow from "@mui/material/Grow";
-import ListItem from "@mui/material/ListItem";
-import ListItemButton from "@mui/material/ListItemButton";
-import ListItemIcon from "@mui/material/ListItemIcon";
-import ListItemText from "@mui/material/ListItemText";
-import Paper from "@mui/material/Paper";
-import Typography3 from "@mui/material/Typography";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import invariant3 from "invariant";
-
 // src/toolpad-core/DashboardLayout/shared.ts
 var MINI_DRAWER_WIDTH = 84;
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarPageItem.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var NavigationListItemButton = styled3(ListItemButton)(({ theme }) => {
+var NavigationListItemButton = styled(ListItemButton)(({ theme }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   return {
     borderRadius: 8,
@@ -1272,9 +1140,9 @@ var NavigationListItemButton = styled3(ListItemButton)(({ theme }) => {
 var LIST_ITEM_ICON_SIZE = 34;
 function DashboardSidebarPageItem(props) {
   var _a;
-  const navigationContext = React14.useContext(NavigationContext);
-  const pageItemContextProps = React14.useContext(DashboardSidebarPageItemContext);
-  invariant3(pageItemContextProps, "No navigation page item context provided.");
+  const navigationContext = React16.useContext(NavigationContext);
+  const pageItemContextProps = React16.useContext(DashboardSidebarPageItemContext);
+  invariant(pageItemContextProps, "No navigation page item context provided.");
   const contextAwareProps = __spreadValues(__spreadValues({}, pageItemContextProps), props);
   const {
     item,
@@ -1290,10 +1158,10 @@ function DashboardSidebarPageItem(props) {
     isSidebarFullyCollapsed = false,
     renderNestedNavigation
   } = contextAwareProps;
-  const [hoveredMiniSidebarItemId, setHoveredMiniSidebarItemId] = React14.useState(
+  const [hoveredMiniSidebarItemId, setHoveredMiniSidebarItemId] = React16.useState(
     null
   );
-  const handleClick = React14.useCallback(() => {
+  const handleClick = React16.useCallback(() => {
     onClick(id, item);
   }, [id, item, onClick]);
   let nestedNavigationCollapseSx = { display: "none" };
@@ -1318,7 +1186,7 @@ function DashboardSidebarPageItem(props) {
   const hasExternalHref = href.startsWith("http://") || href.startsWith("https://");
   const LinkComponent = LinkComponentProp != null ? LinkComponentProp : hasExternalHref ? "a" : Link2;
   const title = getItemTitle(item);
-  const listItem = /* @__PURE__ */ jsxs9(
+  const listItem = /* @__PURE__ */ jsxs(
     ListItem,
     __spreadProps(__spreadValues({}, item.children && isMini ? {
       onMouseEnter: () => {
@@ -1334,7 +1202,7 @@ function DashboardSidebarPageItem(props) {
         overflowX: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs(
           NavigationListItemButton,
           __spreadProps(__spreadValues(__spreadValues({
             selected,
@@ -1355,8 +1223,8 @@ function DashboardSidebarPageItem(props) {
             onClick: handleClick
           }) : {}), {
             children: [
-              item.icon || isMini ? /* @__PURE__ */ jsxs9(
-                Box3,
+              item.icon || isMini ? /* @__PURE__ */ jsxs(
+                Box4,
                 {
                   sx: isMini ? {
                     position: "absolute",
@@ -1365,7 +1233,7 @@ function DashboardSidebarPageItem(props) {
                     transform: "translate(-50%, -50%)"
                   } : {},
                   children: [
-                    /* @__PURE__ */ jsxs9(
+                    /* @__PURE__ */ jsxs(
                       ListItemIcon,
                       {
                         sx: {
@@ -1376,8 +1244,8 @@ function DashboardSidebarPageItem(props) {
                         },
                         children: [
                           (_a = item.icon) != null ? _a : null,
-                          !item.icon && isMini ? /* @__PURE__ */ jsx14(
-                            Avatar2,
+                          !item.icon && isMini ? /* @__PURE__ */ jsx(
+                            Avatar,
                             {
                               sx: {
                                 width: LIST_ITEM_ICON_SIZE - 7,
@@ -1390,8 +1258,8 @@ function DashboardSidebarPageItem(props) {
                         ]
                       }
                     ),
-                    isMini ? /* @__PURE__ */ jsx14(
-                      Typography3,
+                    isMini ? /* @__PURE__ */ jsx(
+                      Typography,
                       {
                         variant: "caption",
                         sx: {
@@ -1413,7 +1281,7 @@ function DashboardSidebarPageItem(props) {
                   ]
                 }
               ) : null,
-              !isMini ? /* @__PURE__ */ jsx14(
+              !isMini ? /* @__PURE__ */ jsx(
                 ListItemText,
                 {
                   primary: title,
@@ -1425,19 +1293,19 @@ function DashboardSidebarPageItem(props) {
                 }
               ) : null,
               item.action && !isMini && isSidebarFullyExpanded ? item.action : null,
-              item.children ? /* @__PURE__ */ jsx14(ExpandMoreIcon, { sx: nestedNavigationCollapseSx }) : null
+              item.children ? /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: nestedNavigationCollapseSx }) : null
             ]
           })
         ),
-        item.children && isMini ? /* @__PURE__ */ jsx14(Grow, { in: id === hoveredMiniSidebarItemId, children: /* @__PURE__ */ jsx14(
-          Box3,
+        item.children && isMini ? /* @__PURE__ */ jsx(Grow, { in: id === hoveredMiniSidebarItemId, children: /* @__PURE__ */ jsx(
+          Box4,
           {
             sx: {
               position: "fixed",
               left: MINI_DRAWER_WIDTH - 2,
               pl: "6px"
             },
-            children: /* @__PURE__ */ jsx14(
+            children: /* @__PURE__ */ jsx(
               Paper,
               {
                 sx: {
@@ -1453,9 +1321,9 @@ function DashboardSidebarPageItem(props) {
       ]
     })
   );
-  return /* @__PURE__ */ jsxs9(React14.Fragment, { children: [
+  return /* @__PURE__ */ jsxs(React16.Fragment, { children: [
     listItem,
-    item.children && !isMini ? /* @__PURE__ */ jsx14(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: renderNestedNavigation(item.children) }) : null
+    item.children && !isMini ? /* @__PURE__ */ jsx(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: renderNestedNavigation(item.children) }) : null
   ] }, id);
 }
 DashboardSidebarPageItem.propTypes = {
@@ -1467,54 +1335,51 @@ DashboardSidebarPageItem.propTypes = {
    * If `true`, the item is disabled.
    * @default false
    */
-  disabled: PropTypes8.bool,
+  disabled: PropTypes9.bool,
   /**
    * If `true`, expands any nested navigation in the item, otherwise collapse it.
    * @default false
    */
-  expanded: PropTypes8.bool,
+  expanded: PropTypes9.bool,
   /**
    * Link `href` for when the item is rendered as a link.
    * @default getItemPath(navigationContext, item)
    */
-  href: PropTypes8.string,
+  href: PropTypes9.string,
   /**
    * Navigation page item definition.
    */
-  item: PropTypes8.shape({
-    action: PropTypes8.node,
-    children: PropTypes8.arrayOf(
-      PropTypes8.oneOfType([
-        PropTypes8.object,
-        PropTypes8.shape({
-          kind: PropTypes8.oneOf(["header"]).isRequired,
-          title: PropTypes8.string.isRequired
+  item: PropTypes9.shape({
+    action: PropTypes9.node,
+    children: PropTypes9.arrayOf(
+      PropTypes9.oneOfType([
+        PropTypes9.object,
+        PropTypes9.shape({
+          kind: PropTypes9.oneOf(["header"]).isRequired,
+          title: PropTypes9.string.isRequired
         }),
-        PropTypes8.shape({
-          kind: PropTypes8.oneOf(["divider"]).isRequired
+        PropTypes9.shape({
+          kind: PropTypes9.oneOf(["divider"]).isRequired
         })
       ]).isRequired
     ),
-    icon: PropTypes8.node,
-    kind: PropTypes8.oneOf(["page"]),
-    pattern: PropTypes8.string,
-    segment: PropTypes8.string,
-    title: PropTypes8.string
+    icon: PropTypes9.node,
+    kind: PropTypes9.oneOf(["page"]),
+    pattern: PropTypes9.string,
+    segment: PropTypes9.string,
+    title: PropTypes9.string
   }).isRequired,
   /**
    * The component used to render the item as a link.
    * @default Link
    */
-  LinkComponent: PropTypes8.elementType,
+  LinkComponent: PropTypes9.elementType,
   /**
    * Use to apply selected styling.
    * @default false
    */
-  selected: PropTypes8.bool
+  selected: PropTypes9.bool
 };
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarSubNavigation.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
 function DashboardSidebarSubNavigationPageItem({
   id,
   item,
@@ -1528,11 +1393,11 @@ function DashboardSidebarSubNavigationPageItem({
   sidebarExpandedWidth,
   renderPageItem
 }) {
-  const navigationContext = React15.useContext(NavigationContext);
+  const navigationContext = React16.useContext(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 = React15.useMemo(
+  const pageItemContextProps = React16.useMemo(
     () => ({
       expanded: isExpanded,
       selected: isSelected,
@@ -1543,7 +1408,7 @@ function DashboardSidebarSubNavigationPageItem({
       isSidebarFullyCollapsed: isFullyCollapsed,
       renderNestedNavigation: () => {
         var _a;
-        return /* @__PURE__ */ jsx15(
+        return /* @__PURE__ */ jsx(
           DashboardSidebarSubNavigation,
           {
             subNavigation: (_a = item.children) != null ? _a : [],
@@ -1569,7 +1434,7 @@ function DashboardSidebarSubNavigationPageItem({
       sidebarExpandedWidth
     ]
   );
-  return /* @__PURE__ */ jsx15(DashboardSidebarPageItemContext.Provider, { value: pageItemContextProps, children: renderPageItem ? renderPageItem(item, { mini: isMini }) : /* @__PURE__ */ jsx15(DashboardSidebarPageItem, { item }) });
+  return /* @__PURE__ */ jsx(DashboardSidebarPageItemContext.Provider, { value: pageItemContextProps, children: renderPageItem ? renderPageItem(item, { mini: isMini }) : /* @__PURE__ */ jsx(DashboardSidebarPageItem, { item }) });
 }
 function DashboardSidebarSubNavigation({
   subNavigation,
@@ -1583,9 +1448,9 @@ function DashboardSidebarSubNavigation({
   sidebarExpandedWidth,
   renderPageItem
 }) {
-  const navigationContext = React15.useContext(NavigationContext);
+  const navigationContext = React16.useContext(NavigationContext);
   const activePage = useActivePage();
-  const initialExpandedItemIds = React15.useMemo(
+  const initialExpandedItemIds = React16.useMemo(
     () => subNavigation.map((navigationItem, navigationItemIndex) => ({
       navigationItem,
       originalIndex: navigationItemIndex
@@ -1594,8 +1459,8 @@ function DashboardSidebarSubNavigation({
     ).map(({ originalIndex }) => `page-${depth}-${originalIndex}`),
     [activePage, depth, navigationContext, subNavigation]
   );
-  const [expandedItemIds, setExpandedItemIds] = React15.useState(initialExpandedItemIds);
-  const handlePageItemClick = React15.useCallback(
+  const [expandedItemIds, setExpandedItemIds] = React16.useState(initialExpandedItemIds);
+  const handlePageItemClick = React16.useCallback(
     (itemId, item) => {
       if (item.children && !isMini) {
         setExpandedItemIds(
@@ -1607,7 +1472,7 @@ function DashboardSidebarSubNavigation({
     },
     [isMini, onLinkClick]
   );
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx(
     List,
     {
       sx: {
@@ -1620,7 +1485,7 @@ function DashboardSidebarSubNavigation({
       },
       children: subNavigation.map((navigationItem, navigationItemIndex) => {
         if (navigationItem.kind === "header") {
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx(
             ListSubheader,
             {
               sx: __spreadProps(__spreadValues({
@@ -1642,8 +1507,8 @@ function DashboardSidebarSubNavigation({
         }
         if (navigationItem.kind === "divider") {
           const nextItem = subNavigation[navigationItemIndex + 1];
-          return /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(
-            Divider2,
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            Divider,
             {
               sx: __spreadValues({
                 borderBottomWidth: 2,
@@ -1655,7 +1520,7 @@ function DashboardSidebarSubNavigation({
           ) }, `divider-${depth}-${navigationItemIndex}`);
         }
         const pageItemId = `page-${depth}-${navigationItemIndex}`;
-        return /* @__PURE__ */ jsx15(
+        return /* @__PURE__ */ jsx(
           DashboardSidebarSubNavigationPageItem,
           {
             id: pageItemId,
@@ -1676,9 +1541,6 @@ function DashboardSidebarSubNavigation({
     }
   );
 }
-
-// src/toolpad-core/DashboardLayout/DashboardLayout.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function DashboardLayout(props) {
   var _a, _b;
   const {
@@ -1699,7 +1561,7 @@ function DashboardLayout(props) {
       "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 = useTheme3();
+  const theme = useTheme$1();
   const navigationContext = React16.useContext(NavigationContext);
   const appWindowContext = React16.useContext(WindowContext);
   const navigation = navigationProp != null ? navigationProp : navigationContext;
@@ -1803,9 +1665,9 @@ function DashboardLayout(props) {
   const getDrawerContent = React16.useCallback(
     (isMini, viewport) => {
       var _a2;
-      return /* @__PURE__ */ jsxs10(React16.Fragment, { children: [
-        /* @__PURE__ */ jsx16(Toolbar2, {}),
-        /* @__PURE__ */ jsxs10(
+      return /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+        /* @__PURE__ */ jsx(Toolbar2, {}),
+        /* @__PURE__ */ jsxs(
           Box4,
           {
             component: "nav",
@@ -1821,7 +1683,7 @@ function DashboardLayout(props) {
               pt: ((_a2 = navigation[0]) == null ? void 0 : _a2.kind) === "header" && !isMini ? 0 : 2
             }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isNavigationFullyExpanded, "padding") : {}),
             children: [
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx(
                 DashboardSidebarSubNavigation,
                 {
                   subNavigation: navigation,
@@ -1834,7 +1696,7 @@ function DashboardLayout(props) {
                   renderPageItem
                 }
               ),
-              SidebarFooterSlot ? /* @__PURE__ */ jsx16(SidebarFooterSlot, __spreadValues({ mini: isMini }, slotProps == null ? void 0 : slotProps.sidebarFooter)) : null
+              SidebarFooterSlot ? /* @__PURE__ */ jsx(SidebarFooterSlot, __spreadValues({ mini: isMini }, slotProps == null ? void 0 : slotProps.sidebarFooter)) : null
             ]
           }
         )
@@ -1870,7 +1732,7 @@ function DashboardLayout(props) {
     },
     [isNavigationExpanded, sidebarExpandedWidth]
   );
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs(
     Box4,
     {
       sx: __spreadValues({
@@ -1881,9 +1743,9 @@ function DashboardLayout(props) {
         width: "100vw"
       }, sx),
       children: [
-        /* @__PURE__ */ jsx16(HeaderSlot, __spreadValues({}, headerSlotProps)),
-        !hideNavigation ? /* @__PURE__ */ jsxs10(React16.Fragment, { children: [
-          /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx(HeaderSlot, __spreadValues({}, headerSlotProps)),
+        !hideNavigation ? /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+          /* @__PURE__ */ jsx(
             Drawer,
             {
               container: appWindowContext == null ? void 0 : appWindowContext.document.body,
@@ -1904,7 +1766,7 @@ function DashboardLayout(props) {
               children: getDrawerContent(false, "phone")
             }
           ),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx(
             Drawer,
             {
               variant: "permanent",
@@ -1918,7 +1780,7 @@ function DashboardLayout(props) {
               children: getDrawerContent(isMobileMini, "tablet")
             }
           ),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx(
             Drawer,
             {
               variant: "permanent",
@@ -1929,7 +1791,7 @@ function DashboardLayout(props) {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs(
           Box4,
           {
             sx: {
@@ -1939,8 +1801,8 @@ function DashboardLayout(props) {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ jsx16(Toolbar2, { sx: { displayPrint: "none" } }),
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx(Toolbar2, { sx: { displayPrint: "none" } }),
+              /* @__PURE__ */ jsx(
                 Box4,
                 {
                   component: "main",
@@ -2116,27 +1978,7 @@ DashboardLayout.propTypes = {
     PropTypes9.object
   ])
 };
-
-// src/toolpad-core/PageContainer/PageContainer.tsx
-import PropTypes12 from "prop-types";
-import Box5 from "@mui/material/Box";
-import Container from "@mui/material/Container";
-import Stack8 from "@mui/material/Stack";
-
-// src/toolpad-core/PageContainer/PageHeader.tsx
-import PropTypes11 from "prop-types";
-import Breadcrumbs from "@mui/material/Breadcrumbs";
-import Link4 from "@mui/material/Link";
-import Stack7 from "@mui/material/Stack";
-import Typography4 from "@mui/material/Typography";
-import useSlotProps from "@mui/utils/useSlotProps";
-import { styled as styled5 } from "@mui/material";
-
-// src/toolpad-core/PageContainer/PageHeaderToolbar.tsx
-import PropTypes10 from "prop-types";
-import { styled as styled4 } from "@mui/material";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var PageHeaderToolbarRoot = styled4("div")(({ theme }) => ({
+var PageHeaderToolbarRoot = styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   gap: theme.spacing(1),
@@ -2144,7 +1986,7 @@ var PageHeaderToolbarRoot = styled4("div")(({ theme }) => ({
   marginLeft: "auto"
 }));
 function PageHeaderToolbar(props) {
-  return /* @__PURE__ */ jsx17(PageHeaderToolbarRoot, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx(PageHeaderToolbarRoot, __spreadValues({}, props));
 }
 PageHeaderToolbar.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -2154,12 +1996,9 @@ PageHeaderToolbar.propTypes = {
   /**
    * @ignore
    */
-  children: PropTypes10.node
+  children: PropTypes9.node
 };
-
-// src/toolpad-core/PageContainer/PageHeader.tsx
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var PageContentHeader = styled5("div")(({ theme }) => ({
+var PageContentHeader = styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "space-between",
@@ -2178,9 +2017,9 @@ function PageHeader(props) {
     externalSlotProps: (_e = props == null ? void 0 : props.slotProps) == null ? void 0 : _e.toolbar,
     additionalProps: {}
   });
-  return /* @__PURE__ */ jsxs11(Stack7, { children: [
-    /* @__PURE__ */ jsx18(Breadcrumbs, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs ? resolvedBreadcrumbs.map((item, index) => {
-      return item.path ? /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(Breadcrumbs, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs ? resolvedBreadcrumbs.map((item, index) => {
+      return item.path ? /* @__PURE__ */ jsx(
         Link4,
         {
           component: Link2,
@@ -2190,11 +2029,11 @@ function PageHeader(props) {
           children: getItemTitle(item)
         },
         index
-      ) : /* @__PURE__ */ jsx18(Typography4, { color: "text.primary", children: getItemTitle(item) }, index);
+      ) : /* @__PURE__ */ jsx(Typography, { color: "text.primary", children: getItemTitle(item) }, index);
     }) : null }),
-    /* @__PURE__ */ jsxs11(PageContentHeader, { children: [
-      resolvedTitle ? /* @__PURE__ */ jsx18(Typography4, { variant: "h4", children: resolvedTitle }) : null,
-      /* @__PURE__ */ jsx18(ToolbarComponent, __spreadValues({}, toolbarSlotProps))
+    /* @__PURE__ */ jsxs(PageContentHeader, { children: [
+      resolvedTitle ? /* @__PURE__ */ jsx(Typography, { variant: "h4", children: resolvedTitle }) : null,
+      /* @__PURE__ */ jsx(ToolbarComponent, __spreadValues({}, toolbarSlotProps))
     ] })
   ] });
 }
@@ -2206,41 +2045,38 @@ PageHeader.propTypes = {
   /**
    * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
    */
-  breadcrumbs: PropTypes11.arrayOf(
-    PropTypes11.shape({
-      path: PropTypes11.string,
-      title: PropTypes11.string.isRequired
+  breadcrumbs: PropTypes9.arrayOf(
+    PropTypes9.shape({
+      path: PropTypes9.string,
+      title: PropTypes9.string.isRequired
     })
   ),
   /**
    * The props used for each slot inside.
    */
-  slotProps: PropTypes11.shape({
-    toolbar: PropTypes11.shape({
-      children: PropTypes11.node
+  slotProps: PropTypes9.shape({
+    toolbar: PropTypes9.shape({
+      children: PropTypes9.node
     }).isRequired
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: PropTypes11.shape({
-    toolbar: PropTypes11.elementType
+  slots: PropTypes9.shape({
+    toolbar: PropTypes9.elementType
   }),
   /**
    * The title of the page. Leave blank to use the active page title.
    */
-  title: PropTypes11.string
+  title: PropTypes9.string
 };
-
-// src/toolpad-core/PageContainer/PageContainer.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function PageContainer(props) {
   var _b;
   const _a = props, { children, breadcrumbs, slots, slotProps, title } = _a, rest = __objRest(_a, ["children", "breadcrumbs", "slots", "slotProps", "title"]);
   const PageHeaderSlot = (_b = slots == null ? void 0 : slots.header) != null ? _b : PageHeader;
-  return /* @__PURE__ */ jsx19(Container, __spreadProps(__spreadValues({}, rest), { sx: __spreadValues({ flex: 1, display: "flex", flexDirection: "column" }, rest.sx), children: /* @__PURE__ */ jsxs12(Stack8, { sx: { flex: 1, my: 2 }, spacing: 2, children: [
-    /* @__PURE__ */ jsx19(PageHeaderSlot, __spreadValues({ title, breadcrumbs }, slotProps == null ? void 0 : slotProps.header)),
-    /* @__PURE__ */ jsx19(Box5, { sx: { flex: 1, display: "flex", flexDirection: "column" }, children })
+  return /* @__PURE__ */ jsx(Container, __spreadProps(__spreadValues({}, rest), { sx: __spreadValues({ flex: 1, display: "flex", flexDirection: "column" }, rest.sx), children: /* @__PURE__ */ jsxs(Stack, { sx: { flex: 1, my: 2 }, spacing: 2, children: [
+    /* @__PURE__ */ jsx(PageHeaderSlot, __spreadValues({ title, breadcrumbs }, slotProps == null ? void 0 : slotProps.header)),
+    /* @__PURE__ */ jsx(Box4, { sx: { flex: 1, display: "flex", flexDirection: "column" }, children })
   ] }) }));
 }
 PageContainer.propTypes = {
@@ -2251,75 +2087,54 @@ PageContainer.propTypes = {
   /**
    * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
    */
-  breadcrumbs: PropTypes12.arrayOf(
-    PropTypes12.shape({
-      path: PropTypes12.string,
-      title: PropTypes12.string.isRequired
+  breadcrumbs: PropTypes9.arrayOf(
+    PropTypes9.shape({
+      path: PropTypes9.string,
+      title: PropTypes9.string.isRequired
     })
   ),
   /**
    * @ignore
    */
-  children: PropTypes12.node,
+  children: PropTypes9.node,
   /**
    * The props used for each slot inside.
    */
-  slotProps: PropTypes12.shape({
-    header: PropTypes12.shape({
-      breadcrumbs: PropTypes12.arrayOf(
-        PropTypes12.shape({
-          path: PropTypes12.string,
-          title: PropTypes12.string.isRequired
+  slotProps: PropTypes9.shape({
+    header: PropTypes9.shape({
+      breadcrumbs: PropTypes9.arrayOf(
+        PropTypes9.shape({
+          path: PropTypes9.string,
+          title: PropTypes9.string.isRequired
         })
       ),
-      slotProps: PropTypes12.shape({
-        toolbar: PropTypes12.object.isRequired
+      slotProps: PropTypes9.shape({
+        toolbar: PropTypes9.object.isRequired
       }),
-      slots: PropTypes12.shape({
-        toolbar: PropTypes12.elementType
+      slots: PropTypes9.shape({
+        toolbar: PropTypes9.elementType
       }),
-      title: PropTypes12.string
+      title: PropTypes9.string
     }).isRequired
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: PropTypes12.shape({
-    header: PropTypes12.elementType
+  slots: PropTypes9.shape({
+    header: PropTypes9.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes12.oneOfType([
-    PropTypes12.arrayOf(PropTypes12.oneOfType([PropTypes12.func, PropTypes12.object, PropTypes12.bool])),
-    PropTypes12.func,
-    PropTypes12.object
+  sx: PropTypes9.oneOfType([
+    PropTypes9.arrayOf(PropTypes9.oneOfType([PropTypes9.func, PropTypes9.object, PropTypes9.bool])),
+    PropTypes9.func,
+    PropTypes9.object
   ]),
   /**
    * The title of the page. Leave blank to use the active page title.
    */
-  title: PropTypes12.string
+  title: PropTypes9.string
 };
 
-export {
-  useNotifications,
-  AlertDialog,
-  ConfirmDialog,
-  PromptDialog,
-  useDialogs,
-  SignInButton,
-  SignOutButton,
-  AccountPreview,
-  AccountPopoverHeader,
-  AccountPopoverFooter,
-  Account,
-  ThemeSwitcher,
-  ToolbarActions,
-  DashboardHeader,
-  useActivePage,
-  DashboardSidebarPageItem,
-  DashboardLayout,
-  PageHeaderToolbar,
-  PageHeader,
-  PageContainer
-};
+export { Account, AccountPopoverFooter, AccountPopoverHeader, AccountPreview, AlertDialog, ConfirmDialog, DashboardHeader, DashboardLayout, DashboardSidebarPageItem, PageContainer, PageHeader, PageHeaderToolbar, PromptDialog, SignInButton, SignOutButton, ThemeSwitcher, ToolbarActions, useActivePage, useDialogs, useNotifications };