@iowas/toolpad 1.0.4 → 1.0.6

package/dist/core.js

@@ -1,12 +1,132 @@
-"use strict";
-var __create = Object.create;
+'use client';
+'use strict';
+
+var React26 = require('react');
+var PropTypes11 = require('prop-types');
+var Popover = require('@mui/material/Popover');
+var Divider = require('@mui/material/Divider');
+var Stack = require('@mui/material/Stack');
+var Button2 = require('@mui/material/Button');
+var styles = require('@mui/material/styles');
+var material = require('@mui/material');
+var CloseIcon = require('@mui/icons-material/Close');
+var useSlotProps = require('@mui/utils/useSlotProps');
+var jsxRuntime = require('react/jsx-runtime');
+require('react-is');
+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 invariant2 = require('invariant');
+var useEventCallback = require('@mui/utils/useEventCallback');
+var InitColorSchemeScript = require('@mui/material/InitColorSchemeScript');
+var CssBaseline = require('@mui/material/CssBaseline');
+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 IconButton2 = require('@mui/material/IconButton');
+var MoreVertIcon = require('@mui/icons-material/MoreVert');
+var Box4 = require('@mui/material/Box');
+var useMediaQuery2 = 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 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 NextLink = require('next/link.js');
+var navigation_js = require('next/navigation.js');
+
+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 React26__namespace = /*#__PURE__*/_interopNamespace(React26);
+var PropTypes11__default = /*#__PURE__*/_interopDefault(PropTypes11);
+var Popover__default = /*#__PURE__*/_interopDefault(Popover);
+var Divider__default = /*#__PURE__*/_interopDefault(Divider);
+var Stack__default = /*#__PURE__*/_interopDefault(Stack);
+var Button2__default = /*#__PURE__*/_interopDefault(Button2);
+var CloseIcon__default = /*#__PURE__*/_interopDefault(CloseIcon);
+var useSlotProps__default = /*#__PURE__*/_interopDefault(useSlotProps);
+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 invariant2__default = /*#__PURE__*/_interopDefault(invariant2);
+var useEventCallback__default = /*#__PURE__*/_interopDefault(useEventCallback);
+var InitColorSchemeScript__default = /*#__PURE__*/_interopDefault(InitColorSchemeScript);
+var CssBaseline__default = /*#__PURE__*/_interopDefault(CssBaseline);
+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 IconButton2__default = /*#__PURE__*/_interopDefault(IconButton2);
+var MoreVertIcon__default = /*#__PURE__*/_interopDefault(MoreVertIcon);
+var Box4__default = /*#__PURE__*/_interopDefault(Box4);
+var useMediaQuery2__default = /*#__PURE__*/_interopDefault(useMediaQuery2);
+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 NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -34,89 +154,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/core.ts
-var core_exports = {};
-__export(core_exports, {
-  Account: () => Account,
-  AccountPopoverFooter: () => AccountPopoverFooter,
-  AccountPopoverHeader: () => AccountPopoverHeader,
-  AccountPreview: () => AccountPreview,
-  AlertDialog: () => AlertDialog,
-  AppProvider: () => AppProvider,
-  AuthenticationContext: () => AuthenticationContext,
-  ConfirmDialog: () => ConfirmDialog,
-  DashboardHeader: () => DashboardHeader,
-  DashboardLayout: () => DashboardLayout,
-  DashboardSidebarPageItem: () => DashboardSidebarPageItem,
-  DialogsProvider: () => DialogsProvider,
-  LocalizationContext: () => LocalizationContext,
-  LocalizationProvider: () => LocalizationProvider,
-  NotificationsProvider: () => NotificationsProvider,
-  PageContainer: () => PageContainer,
-  PageHeader: () => PageHeader,
-  PageHeaderToolbar: () => PageHeaderToolbar,
-  PromptDialog: () => PromptDialog,
-  SessionContext: () => SessionContext,
-  SignInButton: () => SignInButton,
-  SignOutButton: () => SignOutButton,
-  ThemeSwitcher: () => ThemeSwitcher,
-  ToolbarActions: () => ToolbarActions,
-  en: () => en_default,
-  useActivePage: () => useActivePage,
-  useDialogs: () => useDialogs,
-  useLocalStorageState: () => useLocalStorageState,
-  useLocaleText: () => useLocaleText,
-  useNotifications: () => useNotifications,
-  useStorageState: () => useStorageState,
-  useStorageStateServer: () => useStorageStateServer
-});
-module.exports = __toCommonJS(core_exports);
-
-// src/toolpad-core/Account/Account.tsx
-var React17 = __toESM(require("react"));
-var import_prop_types8 = __toESM(require("prop-types"));
-var import_Popover = __toESM(require("@mui/material/Popover"));
-var import_Divider = __toESM(require("@mui/material/Divider"));
-var import_Stack3 = __toESM(require("@mui/material/Stack"));
-
-// src/toolpad-core/Account/SignInButton.tsx
-var React14 = __toESM(require("react"));
-var import_prop_types3 = __toESM(require("prop-types"));
-var import_Button2 = __toESM(require("@mui/material/Button"));
-
-// src/toolpad-core/AppProvider/AppProvider.tsx
-var React12 = __toESM(require("react"));
-var import_prop_types2 = __toESM(require("prop-types"));
-var import_styles3 = require("@mui/material/styles");
-
-// src/toolpad-core/useNotifications/useNotifications.tsx
-var React2 = __toESM(require("react"));
-
-// src/toolpad-core/useNotifications/NotificationsContext.ts
-var React = __toESM(require("react"));
-var NotificationsContext = React.createContext(null);
+var NotificationsContext = React26__namespace.createContext(null);
 
 // src/toolpad-core/useNotifications/useNotifications.tsx
 var serverNotifications = {
@@ -128,24 +166,13 @@ var serverNotifications = {
   }
 };
 function useNotifications() {
-  const context = React2.useContext(NotificationsContext);
+  const context = React26__namespace.useContext(NotificationsContext);
   if (context) {
     return context;
   }
   return serverNotifications;
 }
 
-// src/toolpad-core/useNotifications/NotificationsProvider.tsx
-var React5 = __toESM(require("react"));
-var import_material = require("@mui/material");
-var import_Close = __toESM(require("@mui/icons-material/Close"));
-var import_useSlotProps = __toESM(require("@mui/utils/useSlotProps"));
-
-// src/toolpad-core/AppProvider/LocalizationProvider.tsx
-var React3 = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styles = require("@mui/material/styles");
-
 // src/toolpad-core/locales/getLocalization.ts
 var getLocalization = (translations) => {
   return {
@@ -208,21 +235,18 @@ var enLabels = {
   deletedItemMessage: "This item has been deleted."
 };
 var en_default = getLocalization(enLabels);
-
-// src/toolpad-core/AppProvider/LocalizationProvider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var LocalizationContext = React3.createContext({});
+var LocalizationContext = React26__namespace.createContext({});
 var LocalizationProvider = function LocalizationProvider2(props) {
   var _a, _b, _c;
   const { localeText: propsLocaleText, children } = props;
-  const theme = (0, import_styles.useTheme)();
+  const theme = styles.useTheme();
   const themeLocaleText = (_c = (_b = (_a = theme == null ? void 0 : theme.components) == null ? void 0 : _a.MuiLocalizationProvider) == null ? void 0 : _b.defaultProps) == null ? void 0 : _c.localeText;
   const defaultLocaleText3 = en_default.components.MuiLocalizationProvider.defaultProps.localeText;
-  const localeText = React3.useMemo(
+  const localeText = React26__namespace.useMemo(
     () => __spreadValues(__spreadValues(__spreadValues({}, defaultLocaleText3), themeLocaleText), propsLocaleText),
     [defaultLocaleText3, themeLocaleText, propsLocaleText]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocalizationContext.Provider, { value: localeText, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationContext.Provider, { value: localeText, children });
 };
 LocalizationProvider.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -232,31 +256,23 @@ LocalizationProvider.propTypes = {
   /**
    * @ignore
    */
-  children: import_prop_types.default.node,
+  children: PropTypes11__default.default.node,
   /**
    * Locale for components texts
    */
-  localeText: import_prop_types.default.object
+  localeText: PropTypes11__default.default.object
 };
 function useLocaleText() {
-  return React3.useContext(LocalizationContext);
+  return React26__namespace.useContext(LocalizationContext);
 }
-
-// src/toolpad-utils/react.tsx
-var React4 = __toESM(require("react"));
-var ReactIs = __toESM(require("react-is"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function useNonNullableContext(context, name) {
-  const maybeContext = React4.useContext(context);
+  const maybeContext = React26__namespace.useContext(context);
   if (maybeContext === null || maybeContext === void 0) {
     throw new Error(`context "${name}" was used without a Provider`);
   }
   return maybeContext;
 }
-
-// src/toolpad-core/useNotifications/NotificationsProvider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var RootPropsContext = React5.createContext(null);
+var RootPropsContext = React26__namespace.createContext(null);
 var defaultLocaleText = {
   close: "Close"
 };
@@ -266,7 +282,7 @@ function Notification({ notificationKey, open, message, options, badge }) {
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText), globalLocaleText);
   const { close } = useNonNullableContext(NotificationsContext);
   const { severity, actionText, onAction, autoHideDuration } = options;
-  const handleClose = React5.useCallback(
+  const handleClose = React26__namespace.useCallback(
     (event, reason) => {
       if (reason === "clickaway") {
         return;
@@ -275,23 +291,23 @@ function Notification({ notificationKey, open, message, options, badge }) {
     },
     [notificationKey, close]
   );
-  const action = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React5.Fragment, { children: [
-    onAction ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Button, { color: "inherit", size: "small", onClick: onAction, children: actionText != null ? actionText : "Action" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_material.IconButton,
+  const action = /* @__PURE__ */ jsxRuntime.jsxs(React26__namespace.Fragment, { children: [
+    onAction ? /* @__PURE__ */ jsxRuntime.jsx(material.Button, { color: "inherit", size: "small", onClick: onAction, children: actionText != null ? actionText : "Action" }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.IconButton,
       {
         size: "small",
         "aria-label": localeText == null ? void 0 : localeText.close,
         title: localeText == null ? void 0 : localeText.close,
         color: "inherit",
         onClick: handleClose,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Close.default, { fontSize: "small" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon__default.default, { fontSize: "small" })
       }
     )
   ] });
-  const props = React5.useContext(RootPropsContext);
-  const SnackbarComponent = (_b = (_a = props == null ? void 0 : props.slots) == null ? void 0 : _a.snackbar) != null ? _b : import_material.Snackbar;
-  const snackbarSlotProps = (0, import_useSlotProps.default)({
+  const props = React26__namespace.useContext(RootPropsContext);
+  const SnackbarComponent = (_b = (_a = props == null ? void 0 : props.slots) == null ? void 0 : _a.snackbar) != null ? _b : material.Snackbar;
+  const snackbarSlotProps = useSlotProps__default.default({
     elementType: SnackbarComponent,
     ownerState: props,
     externalSlotProps: (_c = props == null ? void 0 : props.slotProps) == null ? void 0 : _c.snackbar,
@@ -302,12 +318,12 @@ function Notification({ notificationKey, open, message, options, badge }) {
       action
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SnackbarComponent, __spreadProps(__spreadValues({}, snackbarSlotProps), { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Badge, { badgeContent: badge, color: "primary", sx: { width: "100%" }, children: severity ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Alert, { severity, sx: { width: "100%" }, action, children: message }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.SnackbarContent, { message, action }) }) }), notificationKey);
+  return /* @__PURE__ */ jsxRuntime.jsx(SnackbarComponent, __spreadProps(__spreadValues({}, snackbarSlotProps), { children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { badgeContent: badge, color: "primary", sx: { width: "100%" }, children: severity ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity, sx: { width: "100%" }, action, children: message }) : /* @__PURE__ */ jsxRuntime.jsx(material.SnackbarContent, { message, action }) }) }), notificationKey);
 }
 function Notifications({ state }) {
   var _a;
   const currentNotification = (_a = state.queue[0]) != null ? _a : null;
-  return currentNotification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return currentNotification ? /* @__PURE__ */ jsxRuntime.jsx(
     Notification,
     __spreadProps(__spreadValues({}, currentNotification), {
       badge: state.queue.length > 1 ? String(state.queue.length) : null
@@ -322,8 +338,8 @@ var generateId = () => {
 };
 function NotificationsProvider(props) {
   const { children } = props;
-  const [state, setState] = React5.useState({ queue: [] });
-  const show = React5.useCallback((message, options = {}) => {
+  const [state, setState] = React26__namespace.useState({ queue: [] });
+  const show = React26__namespace.useCallback((message, options = {}) => {
     var _a;
     const notificationKey = (_a = options.key) != null ? _a : `::toolpad-internal::notification::${generateId()}`;
     setState((prev) => {
@@ -336,50 +352,29 @@ function NotificationsProvider(props) {
     });
     return notificationKey;
   }, []);
-  const close = React5.useCallback((key) => {
+  const close = React26__namespace.useCallback((key) => {
     setState((prev) => __spreadProps(__spreadValues({}, prev), {
       queue: prev.queue.filter((n) => n.notificationKey !== key)
     }));
   }, []);
-  const contextValue = React5.useMemo(() => ({ show, close }), [show, close]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RootPropsContext.Provider, { value: props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(NotificationsContext.Provider, { value: contextValue, children: [
+  const contextValue = React26__namespace.useMemo(() => ({ show, close }), [show, close]);
+  return /* @__PURE__ */ jsxRuntime.jsx(RootPropsContext.Provider, { value: props, children: /* @__PURE__ */ jsxRuntime.jsxs(NotificationsContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Notifications, { state })
+    /* @__PURE__ */ jsxRuntime.jsx(Notifications, { state })
   ] }) });
 }
-
-// src/toolpad-core/useDialogs/useDialogs.tsx
-var import_Button = __toESM(require("@mui/material/Button"));
-var import_Dialog = __toESM(require("@mui/material/Dialog"));
-var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
-var import_DialogContent = __toESM(require("@mui/material/DialogContent"));
-var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
-var import_TextField = __toESM(require("@mui/material/TextField"));
-var import_DialogContentText = __toESM(require("@mui/material/DialogContentText"));
-var import_invariant = __toESM(require("invariant"));
-var React8 = __toESM(require("react"));
-var import_useEventCallback = __toESM(require("@mui/utils/useEventCallback"));
-
-// src/toolpad-core/useDialogs/DialogsContext.tsx
-var React6 = __toESM(require("react"));
-var DialogsContext = React6.createContext(null);
-
-// src/toolpad-core/shared/context.ts
-var React7 = __toESM(require("react"));
-var BrandingContext = React7.createContext(null);
-var NavigationContext = React7.createContext([]);
-var PaletteModeContext = React7.createContext({
+var DialogsContext = React26__namespace.createContext(null);
+var BrandingContext = React26__namespace.createContext(null);
+var NavigationContext = React26__namespace.createContext([]);
+var PaletteModeContext = React26__namespace.createContext({
   paletteMode: "light",
   setPaletteMode: () => {
   },
   isDualTheme: false
 });
-var RouterContext = React7.createContext(null);
-var DashboardSidebarPageItemContext = React7.createContext(null);
-var WindowContext = React7.createContext(void 0);
-
-// src/toolpad-core/useDialogs/useDialogs.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var RouterContext = React26__namespace.createContext(null);
+var DashboardSidebarPageItemContext = React26__namespace.createContext(null);
+var WindowContext = React26__namespace.createContext(void 0);
 var defaultLocaleText2 = {
   alert: "Alert",
   confirm: "Confirm",
@@ -387,7 +382,7 @@ var defaultLocaleText2 = {
   ok: "Ok"
 };
 function useDialogLoadingButton(onClose) {
-  const [loading, setLoading] = React8.useState(false);
+  const [loading, setLoading] = React26__namespace.useState(false);
   const handleClick = async () => {
     try {
       setLoading(true);
@@ -403,12 +398,12 @@ function useDialogLoadingButton(onClose) {
 }
 function AlertDialog({ open, payload, onClose }) {
   var _a, _b;
-  const appWindowContext = React8.useContext(WindowContext);
+  const appWindowContext = React26__namespace.useContext(WindowContext);
   const globalLocaleText = useLocaleText();
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText2), globalLocaleText);
   const okButtonProps = useDialogLoadingButton(() => onClose());
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    import_Dialog.default,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog__default.default,
     {
       maxWidth: "xs",
       fullWidth: true,
@@ -416,22 +411,22 @@ function AlertDialog({ open, payload, onClose }) {
       onClose: () => onClose(),
       container: appWindowContext == null ? void 0 : appWindowContext.document.body,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogTitle.default, { children: (_a = payload.title) != null ? _a : localeText.alert }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogContent.default, { children: payload.msg }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogActions.default, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button.default, __spreadProps(__spreadValues({ disabled: !open }, okButtonProps), { children: (_b = payload.okText) != null ? _b : localeText.ok })) })
+        /* @__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(Button2__default.default, __spreadProps(__spreadValues({ disabled: !open }, okButtonProps), { children: (_b = payload.okText) != null ? _b : localeText.ok })) })
       ]
     }
   );
 }
 function ConfirmDialog({ open, payload, onClose }) {
   var _a, _b, _c;
-  const appWindowContext = React8.useContext(WindowContext);
+  const appWindowContext = React26__namespace.useContext(WindowContext);
   const globalLocaleText = useLocaleText();
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText2), globalLocaleText);
   const cancelButtonProps = useDialogLoadingButton(() => onClose(false));
   const okButtonProps = useDialogLoadingButton(() => onClose(true));
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    import_Dialog.default,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog__default.default,
     {
       maxWidth: "xs",
       fullWidth: true,
@@ -439,11 +434,11 @@ function ConfirmDialog({ open, payload, onClose }) {
       onClose: () => onClose(false),
       container: appWindowContext == null ? void 0 : appWindowContext.document.body,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogTitle.default, { children: (_a = payload.title) != null ? _a : localeText.confirm }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogContent.default, { children: payload.msg }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_DialogActions.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button.default, __spreadProps(__spreadValues({ autoFocus: true, disabled: !open }, cancelButtonProps), { children: (_b = payload.cancelText) != null ? _b : localeText.cancel })),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button.default, __spreadProps(__spreadValues({ color: payload.severity, disabled: !open }, okButtonProps), { children: (_c = payload.okText) != null ? _c : localeText.ok }))
+        /* @__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(Button2__default.default, __spreadProps(__spreadValues({ autoFocus: true, disabled: !open }, cancelButtonProps), { children: (_b = payload.cancelText) != null ? _b : localeText.cancel })),
+          /* @__PURE__ */ jsxRuntime.jsx(Button2__default.default, __spreadProps(__spreadValues({ color: payload.severity, disabled: !open }, okButtonProps), { children: (_c = payload.okText) != null ? _c : localeText.ok }))
         ] })
       ]
     }
@@ -451,15 +446,15 @@ function ConfirmDialog({ open, payload, onClose }) {
 }
 function PromptDialog({ open, payload, onClose }) {
   var _a, _b, _c;
-  const appWindowContext = React8.useContext(WindowContext);
+  const appWindowContext = React26__namespace.useContext(WindowContext);
   const globalLocaleText = useLocaleText();
   const localeText = __spreadValues(__spreadValues({}, defaultLocaleText2), globalLocaleText);
-  const [input, setInput] = React8.useState("");
+  const [input, setInput] = React26__namespace.useState("");
   const cancelButtonProps = useDialogLoadingButton(() => onClose(null));
-  const [loading, setLoading] = React8.useState(false);
+  const [loading, setLoading] = React26__namespace.useState(false);
   const name = "input";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    import_Dialog.default,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog__default.default,
     {
       maxWidth: "xs",
       fullWidth: true,
@@ -474,7 +469,7 @@ function PromptDialog({ open, payload, onClose }) {
             setLoading(true);
             const formData = new FormData(event.currentTarget);
             const value = (_a2 = formData.get(name)) != null ? _a2 : "";
-            (0, import_invariant.default)(typeof value === "string", "Value must come from a text input");
+            invariant2__default.default(typeof value === "string", "Value must come from a text input");
             await onClose(value);
           } finally {
             setLoading(false);
@@ -483,14 +478,14 @@ function PromptDialog({ open, payload, onClose }) {
       },
       container: appWindowContext == null ? void 0 : appWindowContext.document.body,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogTitle.default, { children: (_a = payload.title) != null ? _a : localeText.confirm }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_DialogContent.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_DialogContentText.default, { 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__ */ (0, import_jsx_runtime4.jsx)(
-            import_TextField.default,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TextField__default.default,
             {
               autoFocus: true,
               required: true,
@@ -505,9 +500,9 @@ function PromptDialog({ open, payload, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_DialogActions.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button.default, __spreadProps(__spreadValues({ disabled: !open }, cancelButtonProps), { children: (_b = payload.cancelText) != null ? _b : localeText.cancel })),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button.default, { disabled: !open, loading, type: "submit", children: (_c = payload.okText) != null ? _c : localeText.ok })
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button2__default.default, __spreadProps(__spreadValues({ disabled: !open }, cancelButtonProps), { children: (_b = payload.cancelText) != null ? _b : localeText.cancel })),
+          /* @__PURE__ */ jsxRuntime.jsx(Button2__default.default, { disabled: !open, loading, type: "submit", children: (_c = payload.okText) != null ? _c : localeText.ok })
         ] })
       ]
     }
@@ -515,25 +510,25 @@ function PromptDialog({ open, payload, onClose }) {
 }
 function useDialogs() {
   const { open, close } = useNonNullableContext(DialogsContext);
-  const alert = (0, import_useEventCallback.default)(
+  const alert = useEventCallback__default.default(
     (msg, _a = {}) => {
       var _b = _a, { onClose } = _b, options = __objRest(_b, ["onClose"]);
       return open(AlertDialog, __spreadProps(__spreadValues({}, options), { msg }), { onClose });
     }
   );
-  const confirm = (0, import_useEventCallback.default)(
+  const confirm = useEventCallback__default.default(
     (msg, _c = {}) => {
       var _d = _c, { onClose } = _d, options = __objRest(_d, ["onClose"]);
       return open(ConfirmDialog, __spreadProps(__spreadValues({}, options), { msg }), { onClose });
     }
   );
-  const prompt = (0, import_useEventCallback.default)(
+  const prompt = useEventCallback__default.default(
     (msg, _e = {}) => {
       var _f = _e, { onClose } = _f, options = __objRest(_f, ["onClose"]);
       return open(PromptDialog, __spreadProps(__spreadValues({}, options), { msg }), { onClose });
     }
   );
-  return React8.useMemo(
+  return React26__namespace.useMemo(
     () => ({
       alert,
       confirm,
@@ -544,26 +539,20 @@ function useDialogs() {
     [alert, close, confirm, open, prompt]
   );
 }
-
-// src/toolpad-core/useDialogs/DialogsProvider.tsx
-var import_invariant2 = __toESM(require("invariant"));
-var React9 = __toESM(require("react"));
-var import_useEventCallback2 = __toESM(require("@mui/utils/useEventCallback"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
 function DialogsProvider(props) {
   const { children, unmountAfter = 1e3 } = props;
-  const [stack, setStack] = React9.useState([]);
-  const keyPrefix = React9.useId();
-  const nextId2 = React9.useRef(0);
-  const dialogMetadata = React9.useRef(/* @__PURE__ */ new WeakMap());
-  const requestDialog = (0, import_useEventCallback2.default)(function open(Component, payload, options = {}) {
+  const [stack, setStack] = React26__namespace.useState([]);
+  const keyPrefix = React26__namespace.useId();
+  const nextId2 = React26__namespace.useRef(0);
+  const dialogMetadata = React26__namespace.useRef(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback__default.default(function open(Component, payload, options = {}) {
     const { onClose = async () => {
     } } = options;
     let resolve;
     const promise = new Promise((resolveImpl) => {
       resolve = resolveImpl;
     });
-    (0, import_invariant2.default)(resolve, "resolve not set");
+    invariant2__default.default(resolve, "resolve not set");
     const key = `${keyPrefix}-${nextId2.current}`;
     nextId2.current += 1;
     const newEntry = {
@@ -579,7 +568,7 @@ function DialogsProvider(props) {
     setStack((prevStack) => [...prevStack, newEntry]);
     return promise;
   });
-  const closeDialogUi = (0, import_useEventCallback2.default)(function closeDialogUi2(dialog) {
+  const closeDialogUi = useEventCallback__default.default(function closeDialogUi2(dialog) {
     setStack(
       (prevStack) => prevStack.map((entry) => entry.promise === dialog ? __spreadProps(__spreadValues({}, entry), { open: false }) : entry)
     );
@@ -587,9 +576,9 @@ function DialogsProvider(props) {
       setStack((prevStack) => prevStack.filter((entry) => entry.promise !== dialog));
     }, unmountAfter);
   });
-  const closeDialog = (0, import_useEventCallback2.default)(async function closeDialog2(dialog, result) {
+  const closeDialog = useEventCallback__default.default(async function closeDialog2(dialog, result) {
     const entryToClose = dialogMetadata.current.get(dialog);
-    (0, import_invariant2.default)(entryToClose, "dialog not found");
+    invariant2__default.default(entryToClose, "dialog not found");
     try {
       await entryToClose.onClose(result);
     } finally {
@@ -598,13 +587,13 @@ function DialogsProvider(props) {
     }
     return dialog;
   });
-  const contextValue = React9.useMemo(
+  const contextValue = React26__namespace.useMemo(
     () => ({ open: requestDialog, close: closeDialog }),
     [requestDialog, closeDialog]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogsContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialogsContext.Provider, { value: contextValue, children: [
     children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
         payload,
@@ -618,17 +607,6 @@ function DialogsProvider(props) {
   ] });
 }
 
-// src/toolpad-core/AppProvider/AppThemeProvider.tsx
-var React11 = __toESM(require("react"));
-var import_material2 = require("@mui/material");
-var import_styles2 = require("@mui/material/styles");
-var import_InitColorSchemeScript = __toESM(require("@mui/material/InitColorSchemeScript"));
-var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
-var import_invariant3 = __toESM(require("invariant"));
-
-// src/toolpad-core/persistence/useStorageState.tsx
-var React10 = __toESM(require("react"));
-
 // src/toolpad-core/persistence/codec.tsx
 var CODEC_STRING = {
   parse: (value) => value,
@@ -726,32 +704,32 @@ var getKeyServerSnapshot = () => null;
 function useStorageState(area, key, initializer = null, options) {
   var _a;
   const codec = (_a = options == null ? void 0 : options.codec) != null ? _a : CODEC_STRING;
-  const [initialValue] = React10.useState(initializer);
-  const encodedInitialValue = React10.useMemo(
+  const [initialValue] = React26__namespace.useState(initializer);
+  const encodedInitialValue = React26__namespace.useMemo(
     () => encode(codec, initialValue),
     [codec, initialValue]
   );
-  const subscribeKey = React10.useCallback(
+  const subscribeKey = React26__namespace.useCallback(
     (callback) => subscribe(area, key, callback),
     [area, key]
   );
-  const getKeySnapshot = React10.useCallback(
+  const getKeySnapshot = React26__namespace.useCallback(
     () => {
       var _a2;
       return (_a2 = getSnapshot(area, key)) != null ? _a2 : encodedInitialValue;
     },
     [area, encodedInitialValue, key]
   );
-  const encodedStoredValue = React10.useSyncExternalStore(
+  const encodedStoredValue = React26__namespace.useSyncExternalStore(
     subscribeKey,
     getKeySnapshot,
     getKeyServerSnapshot
   );
-  const storedValue = React10.useMemo(
+  const storedValue = React26__namespace.useMemo(
     () => decode(codec, encodedStoredValue),
     [codec, encodedStoredValue]
   );
-  const setStoredValue = React10.useCallback(
+  const setStoredValue = React26__namespace.useCallback(
     (value) => {
       const valueToStore = value instanceof Function ? value(storedValue) : value;
       const encodedValueToStore = encode(codec, valueToStore);
@@ -759,7 +737,7 @@ function useStorageState(area, key, initializer = null, options) {
     },
     [area, codec, storedValue, key]
   );
-  const [nonStoredValue, setNonStoredValue] = React10.useState(initialValue);
+  const [nonStoredValue, setNonStoredValue] = React26__namespace.useState(initialValue);
   if (!key) {
     return [nonStoredValue, setNonStoredValue];
   }
@@ -769,13 +747,10 @@ function useStorageState(area, key, initializer = null, options) {
 // src/toolpad-core/useLocalStorageState/useLocalStorageState.tsx
 var useLocalStorageStateBrowser = (...args) => useStorageState(window.localStorage, ...args);
 var useLocalStorageState = typeof window === "undefined" ? useStorageStateServer : useLocalStorageStateBrowser;
-
-// src/toolpad-core/AppProvider/AppThemeProvider.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var COLOR_SCHEME_STORAGE_KEY = "toolpad-color-scheme";
 var MODE_STORAGE_KEY = "toolpad-mode";
 function usePreferredMode(window2) {
-  const prefersDarkMode = (0, import_material2.useMediaQuery)(
+  const prefersDarkMode = material.useMediaQuery(
     "(prefers-color-scheme: dark)",
     window2 && {
       matchMedia: window2.matchMedia
@@ -788,19 +763,19 @@ function isCssVarsTheme(theme) {
 }
 function LegacyThemeProvider(props) {
   const { children, theme, window: appWindow } = props;
-  (0, import_invariant3.default)(!isCssVarsTheme(theme), "This provider only accepts legacy themes.");
+  invariant2__default.default(!isCssVarsTheme(theme), "This provider only accepts legacy themes.");
   const isDualTheme = "light" in theme || "dark" in theme;
   const preferredMode = usePreferredMode(appWindow);
   const [userMode, setUserMode] = useLocalStorageState(MODE_STORAGE_KEY, "system");
   const paletteMode = !userMode || userMode === "system" ? preferredMode : userMode;
-  const dualAwareTheme = React11.useMemo(
+  const dualAwareTheme = React26__namespace.useMemo(
     () => {
       var _a;
       return isDualTheme ? (_a = theme[paletteMode === "dark" ? "dark" : "light"]) != null ? _a : theme[paletteMode === "dark" ? "light" : "dark"] : theme;
     },
     [isDualTheme, paletteMode, theme]
   );
-  const paletteModeContextValue = React11.useMemo(
+  const paletteModeContextValue = React26__namespace.useMemo(
     () => ({
       paletteMode,
       setPaletteMode: setUserMode,
@@ -808,29 +783,29 @@ function LegacyThemeProvider(props) {
     }),
     [isDualTheme, paletteMode, setUserMode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_styles2.ThemeProvider, { theme: dualAwareTheme, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(PaletteModeContext.Provider, { value: paletteModeContextValue, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CssBaseline.default, { enableColorScheme: true }),
+  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme: dualAwareTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(PaletteModeContext.Provider, { value: paletteModeContextValue, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CssBaseline__default.default, { enableColorScheme: true }),
     children
   ] }) });
 }
 function CssVarsPaletteModeProvider(props) {
   const { children, window: appWindow } = props;
   const preferredMode = usePreferredMode(appWindow);
-  const { mode, setMode, allColorSchemes } = (0, import_styles2.useColorScheme)();
-  const paletteModeContextValue = React11.useMemo(() => {
+  const { mode, setMode, allColorSchemes } = styles.useColorScheme();
+  const paletteModeContextValue = React26__namespace.useMemo(() => {
     return {
       paletteMode: !mode || mode === "system" ? preferredMode : mode,
       setPaletteMode: setMode,
       isDualTheme: allColorSchemes.length > 1
     };
   }, [allColorSchemes, mode, preferredMode, setMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PaletteModeContext.Provider, { value: paletteModeContextValue, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(PaletteModeContext.Provider, { value: paletteModeContextValue, children });
 }
 function CssVarsThemeProvider(props) {
   const { children, theme, window: appWindow, nonce } = props;
-  (0, import_invariant3.default)(isCssVarsTheme(theme), "This provider only accepts CSS vars themes.");
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    import_styles2.ThemeProvider,
+  invariant2__default.default(isCssVarsTheme(theme), "This provider only accepts CSS vars themes.");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    styles.ThemeProvider,
     {
       theme,
       documentNode: appWindow == null ? void 0 : appWindow.document,
@@ -839,8 +814,8 @@ function CssVarsThemeProvider(props) {
       colorSchemeStorageKey: COLOR_SCHEME_STORAGE_KEY,
       modeStorageKey: MODE_STORAGE_KEY,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_InitColorSchemeScript.default,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InitColorSchemeScript__default.default,
           {
             attribute: theme.colorSchemeSelector,
             colorSchemeStorageKey: COLOR_SCHEME_STORAGE_KEY,
@@ -848,8 +823,8 @@ function CssVarsThemeProvider(props) {
             nonce
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CssVarsPaletteModeProvider, { window: appWindow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CssBaseline.default, { enableColorScheme: true }),
+        /* @__PURE__ */ jsxRuntime.jsxs(CssVarsPaletteModeProvider, { window: appWindow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CssBaseline__default.default, { enableColorScheme: true }),
           children
         ] })
       ]
@@ -859,15 +834,12 @@ function CssVarsThemeProvider(props) {
 function AppThemeProvider(props) {
   const _a = props, { children, theme } = _a, rest = __objRest(_a, ["children", "theme"]);
   const useCssVarsProvider = isCssVarsTheme(theme);
-  return useCssVarsProvider ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CssVarsThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children })) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LegacyThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children }));
+  return useCssVarsProvider ? /* @__PURE__ */ jsxRuntime.jsx(CssVarsThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children })) : /* @__PURE__ */ jsxRuntime.jsx(LegacyThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children }));
 }
-
-// src/toolpad-core/AppProvider/AppProvider.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AuthenticationContext = React12.createContext(null);
-var SessionContext = React12.createContext(null);
+var AuthenticationContext = React26__namespace.createContext(null);
+var SessionContext = React26__namespace.createContext(null);
 function createDefaultTheme() {
-  return (0, import_styles3.createTheme)({
+  return styles.createTheme({
     cssVariables: {
       colorSchemeSelector: "data-toolpad-color-scheme"
     },
@@ -887,7 +859,7 @@ function AppProvider(props) {
     window: appWindow,
     nonce
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WindowContext.Provider, { value: appWindow, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AuthenticationContext.Provider, { value: authentication, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SessionContext.Provider, { value: session, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RouterContext.Provider, { value: router, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AppThemeProvider, { theme, window: appWindow, nonce, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LocalizationProvider, { localeText, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NotificationsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BrandingContext.Provider, { value: branding, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationContext.Provider, { value: navigation, children }) }) }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(WindowContext.Provider, { value: appWindow, children: /* @__PURE__ */ jsxRuntime.jsx(AuthenticationContext.Provider, { value: authentication, children: /* @__PURE__ */ jsxRuntime.jsx(SessionContext.Provider, { value: session, children: /* @__PURE__ */ jsxRuntime.jsx(RouterContext.Provider, { value: router, children: /* @__PURE__ */ jsxRuntime.jsx(AppThemeProvider, { theme, window: appWindow, nonce, children: /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider, { localeText, children: /* @__PURE__ */ jsxRuntime.jsx(NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(BrandingContext.Provider, { value: branding, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value: navigation, children }) }) }) }) }) }) }) }) }) });
 }
 AppProvider.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -898,114 +870,108 @@ AppProvider.propTypes = {
    * Authentication methods.
    * @default null
    */
-  authentication: import_prop_types2.default.shape({
-    signIn: import_prop_types2.default.func.isRequired,
-    signOut: import_prop_types2.default.func.isRequired
+  authentication: PropTypes11__default.default.shape({
+    signIn: PropTypes11__default.default.func.isRequired,
+    signOut: PropTypes11__default.default.func.isRequired
   }),
   /**
    * Branding options for the app.
    * @default null
    */
-  branding: import_prop_types2.default.shape({
-    homeUrl: import_prop_types2.default.string,
-    logo: import_prop_types2.default.node,
-    title: import_prop_types2.default.string
+  branding: PropTypes11__default.default.shape({
+    homeUrl: PropTypes11__default.default.string,
+    logo: PropTypes11__default.default.node,
+    title: PropTypes11__default.default.string
   }),
   /**
    * The content of the app provider.
    */
-  children: import_prop_types2.default.node,
+  children: PropTypes11__default.default.node,
   /**
    * Locale text for components
    */
-  localeText: import_prop_types2.default.object,
+  localeText: PropTypes11__default.default.object,
   /**
    * Navigation definition for the app. [Find out more](https://mui.com/toolpad/core/react-app-provider/#navigation).
    * @default []
    */
-  navigation: import_prop_types2.default.arrayOf(
-    import_prop_types2.default.oneOfType([
-      import_prop_types2.default.shape({
-        action: import_prop_types2.default.node,
-        children: import_prop_types2.default.arrayOf(
-          import_prop_types2.default.oneOfType([
-            import_prop_types2.default.object,
-            import_prop_types2.default.shape({
-              kind: import_prop_types2.default.oneOf(["header"]).isRequired,
-              title: import_prop_types2.default.string.isRequired
+  navigation: PropTypes11__default.default.arrayOf(
+    PropTypes11__default.default.oneOfType([
+      PropTypes11__default.default.shape({
+        action: PropTypes11__default.default.node,
+        children: PropTypes11__default.default.arrayOf(
+          PropTypes11__default.default.oneOfType([
+            PropTypes11__default.default.object,
+            PropTypes11__default.default.shape({
+              kind: PropTypes11__default.default.oneOf(["header"]).isRequired,
+              title: PropTypes11__default.default.string.isRequired
             }),
-            import_prop_types2.default.shape({
-              kind: import_prop_types2.default.oneOf(["divider"]).isRequired
+            PropTypes11__default.default.shape({
+              kind: PropTypes11__default.default.oneOf(["divider"]).isRequired
             })
           ]).isRequired
         ),
-        icon: import_prop_types2.default.node,
-        kind: import_prop_types2.default.oneOf(["page"]),
-        pattern: import_prop_types2.default.string,
-        segment: import_prop_types2.default.string,
-        title: import_prop_types2.default.string
+        icon: PropTypes11__default.default.node,
+        kind: PropTypes11__default.default.oneOf(["page"]),
+        pattern: PropTypes11__default.default.string,
+        segment: PropTypes11__default.default.string,
+        title: PropTypes11__default.default.string
       }),
-      import_prop_types2.default.shape({
-        kind: import_prop_types2.default.oneOf(["header"]).isRequired,
-        title: import_prop_types2.default.string.isRequired
+      PropTypes11__default.default.shape({
+        kind: PropTypes11__default.default.oneOf(["header"]).isRequired,
+        title: PropTypes11__default.default.string.isRequired
       }),
-      import_prop_types2.default.shape({
-        kind: import_prop_types2.default.oneOf(["divider"]).isRequired
+      PropTypes11__default.default.shape({
+        kind: PropTypes11__default.default.oneOf(["divider"]).isRequired
       })
     ]).isRequired
   ),
   /**
    * The nonce to be used for inline scripts.
    */
-  nonce: import_prop_types2.default.string,
+  nonce: PropTypes11__default.default.string,
   /**
    * Router implementation used inside Toolpad components.
    * @default null
    */
-  router: import_prop_types2.default.shape({
-    Link: import_prop_types2.default.elementType,
-    navigate: import_prop_types2.default.func.isRequired,
-    pathname: import_prop_types2.default.string.isRequired,
-    searchParams: import_prop_types2.default.instanceOf(URLSearchParams).isRequired
+  router: PropTypes11__default.default.shape({
+    Link: PropTypes11__default.default.elementType,
+    navigate: PropTypes11__default.default.func.isRequired,
+    pathname: PropTypes11__default.default.string.isRequired,
+    searchParams: PropTypes11__default.default.instanceOf(URLSearchParams).isRequired
   }),
   /**
    * Session info about the current user.
    * @default null
    */
-  session: import_prop_types2.default.shape({
-    user: import_prop_types2.default.shape({
-      email: import_prop_types2.default.string,
-      id: import_prop_types2.default.string,
-      image: import_prop_types2.default.string,
-      name: import_prop_types2.default.string
+  session: PropTypes11__default.default.shape({
+    user: PropTypes11__default.default.shape({
+      email: PropTypes11__default.default.string,
+      id: PropTypes11__default.default.string,
+      image: PropTypes11__default.default.string,
+      name: PropTypes11__default.default.string
     })
   }),
   /**
    * [Theme or themes](https://mui.com/toolpad/core/react-app-provider/#theming) to be used by the app in light/dark mode. A [CSS variables theme](https://mui.com/material-ui/customization/css-theme-variables/overview/) is recommended.
    * @default createDefaultTheme()
    */
-  theme: import_prop_types2.default.object,
+  theme: PropTypes11__default.default.object,
   /**
    * The window where the application is rendered.
    * This is needed when rendering the app inside an iframe, for example.
    * @default window
    */
-  window: import_prop_types2.default.object
+  window: PropTypes11__default.default.object
 };
-
-// src/toolpad-core/Account/AccountLocaleContext.tsx
-var React13 = __toESM(require("react"));
-var AccountLocaleContext = React13.createContext(null);
-
-// src/toolpad-core/Account/SignInButton.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var AccountLocaleContext = React26__namespace.createContext(null);
 function SignInButton(props) {
-  const authentication = React14.useContext(AuthenticationContext);
+  const authentication = React26__namespace.useContext(AuthenticationContext);
   const globalLocaleText = useLocaleText();
-  const accountLocaleText = React14.useContext(AccountLocaleContext);
+  const accountLocaleText = React26__namespace.useContext(AccountLocaleContext);
   const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_Button2.default,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button2__default.default,
     __spreadProps(__spreadValues({
       disableElevation: true,
       variant: "contained",
@@ -1034,22 +1000,15 @@ SignInButton.propTypes = {
   /**
    * The content of the component.
    */
-  children: import_prop_types3.default.node
+  children: PropTypes11__default.default.node
 };
-
-// src/toolpad-core/Account/SignOutButton.tsx
-var React15 = __toESM(require("react"));
-var import_prop_types4 = __toESM(require("prop-types"));
-var import_Button3 = __toESM(require("@mui/material/Button"));
-var import_Logout = __toESM(require("@mui/icons-material/Logout"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
 function SignOutButton(props) {
-  const authentication = React15.useContext(AuthenticationContext);
+  const authentication = React26__namespace.useContext(AuthenticationContext);
   const globalLocaleText = useLocaleText();
-  const accountLocaleText = React15.useContext(AccountLocaleContext);
+  const accountLocaleText = React26__namespace.useContext(AccountLocaleContext);
   const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_Button3.default,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button2__default.default,
     __spreadProps(__spreadValues({
       disabled: !authentication,
       variant: "outlined",
@@ -1065,7 +1024,7 @@ function SignOutButton(props) {
           filter: "opacity(1)"
         }
       },
-      startIcon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Logout.default, {})
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(LogoutIcon__default.default, {})
     }, props), {
       children: localeText == null ? void 0 : localeText.accountSignOutLabel
     })
@@ -1079,31 +1038,20 @@ SignOutButton.propTypes = {
   /**
    * The content of the component.
    */
-  children: import_prop_types4.default.node
+  children: PropTypes11__default.default.node
 };
-
-// src/toolpad-core/Account/AccountPreview.tsx
-var React16 = __toESM(require("react"));
-var import_prop_types5 = __toESM(require("prop-types"));
-var import_Avatar = __toESM(require("@mui/material/Avatar"));
-var import_Typography = __toESM(require("@mui/material/Typography"));
-var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
-var import_Stack = __toESM(require("@mui/material/Stack"));
-var import_IconButton = __toESM(require("@mui/material/IconButton"));
-var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"));
-var import_jsx_runtime10 = require("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 = React16.useContext(SessionContext);
+  const session = React26__namespace.useContext(SessionContext);
   const globalLocaleText = useLocaleText();
-  const accountLocaleText = React16.useContext(AccountLocaleContext);
+  const accountLocaleText = React26__namespace.useContext(AccountLocaleContext);
   const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
   if (!session || !session.user) {
     return null;
   }
-  const avatarContent = (slots == null ? void 0 : slots.avatar) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(slots.avatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_Avatar.default,
+  const avatarContent = (slots == null ? void 0 : slots.avatar) ? /* @__PURE__ */ jsxRuntime.jsx(slots.avatar, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+    Avatar__default.default,
     __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) || "",
@@ -1111,28 +1059,28 @@ function AccountPreview(props) {
     }, slotProps == null ? void 0 : slotProps.avatar)
   );
   if (variant === "expanded") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_Stack.default, { direction: "row", justifyContent: "space-between", sx: __spreadValues({ py: 1, px: 2, gap: 2 }, sx), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_Stack.default, { direction: "row", justifyContent: "flex-start", spacing: 2, overflow: "hidden", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", justifyContent: "space-between", sx: __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__ */ (0, import_jsx_runtime10.jsxs)(import_Stack.default, { direction: "column", justifyContent: "space-evenly", overflow: "hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Typography.default, { variant: "body2", fontWeight: "bolder", noWrap: true, children: (_d = session.user) == null ? void 0 : _d.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Typography.default, { variant: "caption", noWrap: true, children: (_e = session.user) == null ? void 0 : _e.email })
+        /* @__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__ */ (0, import_jsx_runtime10.jsx)(slots.moreIconButton, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_IconButton.default,
+      handleClick && ((slots == null ? void 0 : slots.moreIconButton) ? /* @__PURE__ */ jsxRuntime.jsx(slots.moreIconButton, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton2__default.default,
         __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__ */ (0, import_jsx_runtime10.jsx)(import_MoreVert.default, { fontSize: "small" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(MoreVertIcon__default.default, { fontSize: "small" })
         })
       ))
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Tooltip.default, { title: (_g = session.user.name) != null ? _g : accountLocaleText == null ? void 0 : accountLocaleText.accountPreviewTitle, children: (slots == null ? void 0 : slots.avatarIconButton) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(slots.avatarIconButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.avatarIconButton)) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Stack.default, { sx: __spreadValues({ py: 0.5 }, sx), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_IconButton.default,
+  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, __spreadValues({}, slotProps == null ? void 0 : slotProps.avatarIconButton)) : /* @__PURE__ */ jsxRuntime.jsx(Stack__default.default, { sx: __spreadValues({ py: 0.5 }, sx), children: /* @__PURE__ */ jsxRuntime.jsx(
+    IconButton2__default.default,
     __spreadProps(__spreadValues({
       onClick: handleClick,
       "aria-label": localeText == null ? void 0 : localeText.accountPreviewIconButtonLabel,
@@ -1154,35 +1102,35 @@ AccountPreview.propTypes = {
   /**
    * The handler used when the preview is expanded
    */
-  handleClick: import_prop_types5.default.func,
+  handleClick: PropTypes11__default.default.func,
   /**
    * The state of the Account popover
    * @default false
    */
-  open: import_prop_types5.default.bool,
+  open: PropTypes11__default.default.bool,
   /**
    * The props used for each slot inside.
    */
-  slotProps: import_prop_types5.default.shape({
-    avatar: import_prop_types5.default.object,
-    avatarIconButton: import_prop_types5.default.object,
-    moreIconButton: import_prop_types5.default.object
+  slotProps: PropTypes11__default.default.shape({
+    avatar: PropTypes11__default.default.object,
+    avatarIconButton: PropTypes11__default.default.object,
+    moreIconButton: PropTypes11__default.default.object
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: import_prop_types5.default.shape({
-    avatar: import_prop_types5.default.elementType,
-    avatarIconButton: import_prop_types5.default.elementType,
-    moreIconButton: import_prop_types5.default.elementType
+  slots: PropTypes11__default.default.shape({
+    avatar: PropTypes11__default.default.elementType,
+    avatarIconButton: PropTypes11__default.default.elementType,
+    moreIconButton: PropTypes11__default.default.elementType
   }),
   /**
    * The prop used to customize the styling of the preview
    */
-  sx: import_prop_types5.default.oneOfType([
-    import_prop_types5.default.arrayOf(import_prop_types5.default.oneOfType([import_prop_types5.default.func, import_prop_types5.default.object, import_prop_types5.default.bool])),
-    import_prop_types5.default.func,
-    import_prop_types5.default.object
+  sx: PropTypes11__default.default.oneOfType([
+    PropTypes11__default.default.arrayOf(PropTypes11__default.default.oneOfType([PropTypes11__default.default.func, PropTypes11__default.default.object, PropTypes11__default.default.bool])),
+    PropTypes11__default.default.func,
+    PropTypes11__default.default.object
   ]),
   /**
    * The type of account details to display.
@@ -1190,16 +1138,11 @@ AccountPreview.propTypes = {
    * @property {'expanded'} expanded - Displays the user's avatar, name, and email if available.
    * @default 'condensed'
    */
-  variant: import_prop_types5.default.oneOf(["condensed", "expanded"])
+  variant: PropTypes11__default.default.oneOf(["condensed", "expanded"])
 };
-
-// src/toolpad-core/Account/AccountPopoverHeader.tsx
-var import_prop_types6 = __toESM(require("prop-types"));
-var import_Stack2 = __toESM(require("@mui/material/Stack"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
 function AccountPopoverHeader(props) {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Stack2.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsxRuntime.jsx(Stack__default.default, __spreadProps(__spreadValues({}, rest), { children }));
 }
 AccountPopoverHeader.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -1209,17 +1152,12 @@ AccountPopoverHeader.propTypes = {
   /**
    * The content of the component.
    */
-  children: import_prop_types6.default.node
+  children: PropTypes11__default.default.node
 };
-
-// src/toolpad-core/Account/AccountPopoverFooter.tsx
-var import_prop_types7 = __toESM(require("prop-types"));
-var import_Box = __toESM(require("@mui/material/Box"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
 function AccountPopoverFooter(props) {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_Box.default,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box4__default.default,
     __spreadProps(__spreadValues({}, rest), {
       sx: __spreadValues({ display: "flex", flexDirection: "row", p: 1, justifyContent: "flex-end" }, rest.sx),
       children
@@ -1234,19 +1172,16 @@ AccountPopoverFooter.propTypes = {
   /**
    * @ignore
    */
-  children: import_prop_types7.default.node,
+  children: PropTypes11__default.default.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: import_prop_types7.default.oneOfType([
-    import_prop_types7.default.arrayOf(import_prop_types7.default.oneOfType([import_prop_types7.default.func, import_prop_types7.default.object, import_prop_types7.default.bool])),
-    import_prop_types7.default.func,
-    import_prop_types7.default.object
+  sx: PropTypes11__default.default.oneOfType([
+    PropTypes11__default.default.arrayOf(PropTypes11__default.default.oneOfType([PropTypes11__default.default.func, PropTypes11__default.default.object, PropTypes11__default.default.bool])),
+    PropTypes11__default.default.func,
+    PropTypes11__default.default.object
   ])
 };
-
-// src/toolpad-core/Account/Account.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
 var defaultAccountLocaleText = {
   accountPreviewIconButtonLabel: "Current User",
   accountPreviewTitle: "Account",
@@ -1257,14 +1192,14 @@ function Account(props) {
   var _a;
   const { localeText: propsLocaleText } = props;
   const globalLocaleText = useLocaleText();
-  const localeText = React17.useMemo(
+  const localeText = React26__namespace.useMemo(
     () => __spreadValues(__spreadValues(__spreadValues({}, defaultAccountLocaleText), globalLocaleText), propsLocaleText),
     [globalLocaleText, propsLocaleText]
   );
   const { slots, slotProps } = props;
-  const [anchorEl, setAnchorEl] = React17.useState(null);
-  const session = React17.useContext(SessionContext);
-  const authentication = React17.useContext(AuthenticationContext);
+  const [anchorEl, setAnchorEl] = React26__namespace.useState(null);
+  const session = React26__namespace.useContext(SessionContext);
+  const authentication = React26__namespace.useContext(AuthenticationContext);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -1277,10 +1212,10 @@ function Account(props) {
   }
   let accountContent = null;
   if (!(session == null ? void 0 : session.user)) {
-    accountContent = (slots == null ? void 0 : slots.signInButton) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(slots.signInButton, { onClick: authentication.signIn }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SignInButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signInButton));
+    accountContent = (slots == null ? void 0 : slots.signInButton) ? /* @__PURE__ */ jsxRuntime.jsx(slots.signInButton, { onClick: authentication.signIn }) : /* @__PURE__ */ jsxRuntime.jsx(SignInButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signInButton));
   } else {
-    accountContent = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(React17.Fragment, { children: [
-      (slots == null ? void 0 : slots.preview) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(slots.preview, { handleClick, open }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    accountContent = /* @__PURE__ */ jsxRuntime.jsxs(React26__namespace.Fragment, { children: [
+      (slots == null ? void 0 : slots.preview) ? /* @__PURE__ */ jsxRuntime.jsx(slots.preview, { handleClick, open }) : /* @__PURE__ */ jsxRuntime.jsx(
         AccountPreview,
         __spreadValues({
           variant: "condensed",
@@ -1288,15 +1223,15 @@ function Account(props) {
           open
         }, slotProps == null ? void 0 : slotProps.preview)
       ),
-      (slots == null ? void 0 : slots.popover) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      (slots == null ? void 0 : slots.popover) ? /* @__PURE__ */ jsxRuntime.jsx(
         slots.popover,
         __spreadValues({
           open,
           onClick: handleClick,
           onClose: handleClose
         }, slotProps == null ? void 0 : slotProps.popover)
-      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        import_Popover.default,
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        Popover__default.default,
         __spreadProps(__spreadValues({
           anchorEl,
           id: "account-menu",
@@ -1328,16 +1263,16 @@ function Account(props) {
               }
             }
           }, (_a = slotProps == null ? void 0 : slotProps.popover) == null ? void 0 : _a.slotProps),
-          children: (slots == null ? void 0 : slots.popoverContent) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(slots.popoverContent, __spreadValues({}, slotProps == null ? void 0 : slotProps.popoverContent)) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_Stack3.default, __spreadProps(__spreadValues({ direction: "column" }, slotProps == null ? void 0 : slotProps.popoverContent), { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccountPopoverHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccountPreview, { variant: "expanded" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Divider.default, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccountPopoverFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SignOutButton, __spreadValues({}, slotProps == null ? void 0 : slotProps.signOutButton)) })
+          children: (slots == null ? void 0 : slots.popoverContent) ? /* @__PURE__ */ jsxRuntime.jsx(slots.popoverContent, __spreadValues({}, slotProps == null ? void 0 : slotProps.popoverContent)) : /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, __spreadProps(__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, __spreadValues({}, slotProps == null ? void 0 : slotProps.signOutButton)) })
           ] }))
         })
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccountLocaleContext.Provider, { value: localeText, children: accountContent });
+  return /* @__PURE__ */ jsxRuntime.jsx(AccountLocaleContext.Provider, { value: localeText, children: accountContent });
 }
 Account.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -1347,82 +1282,51 @@ Account.propTypes = {
   /**
    * The labels for the account component.
    */
-  localeText: import_prop_types8.default.object,
+  localeText: PropTypes11__default.default.object,
   /**
    * The props used for each slot inside.
    */
-  slotProps: import_prop_types8.default.shape({
-    popover: import_prop_types8.default.object,
-    popoverContent: import_prop_types8.default.object,
-    preview: import_prop_types8.default.shape({
-      handleClick: import_prop_types8.default.func,
-      open: import_prop_types8.default.bool,
-      slotProps: import_prop_types8.default.shape({
-        avatar: import_prop_types8.default.object,
-        avatarIconButton: import_prop_types8.default.object,
-        moreIconButton: import_prop_types8.default.object
+  slotProps: PropTypes11__default.default.shape({
+    popover: PropTypes11__default.default.object,
+    popoverContent: PropTypes11__default.default.object,
+    preview: PropTypes11__default.default.shape({
+      handleClick: PropTypes11__default.default.func,
+      open: PropTypes11__default.default.bool,
+      slotProps: PropTypes11__default.default.shape({
+        avatar: PropTypes11__default.default.object,
+        avatarIconButton: PropTypes11__default.default.object,
+        moreIconButton: PropTypes11__default.default.object
       }),
-      slots: import_prop_types8.default.shape({
-        avatar: import_prop_types8.default.elementType,
-        avatarIconButton: import_prop_types8.default.elementType,
-        moreIconButton: import_prop_types8.default.elementType
+      slots: PropTypes11__default.default.shape({
+        avatar: PropTypes11__default.default.elementType,
+        avatarIconButton: PropTypes11__default.default.elementType,
+        moreIconButton: PropTypes11__default.default.elementType
       }),
-      sx: import_prop_types8.default.oneOfType([
-        import_prop_types8.default.arrayOf(import_prop_types8.default.oneOfType([import_prop_types8.default.func, import_prop_types8.default.object, import_prop_types8.default.bool])),
-        import_prop_types8.default.func,
-        import_prop_types8.default.object
+      sx: PropTypes11__default.default.oneOfType([
+        PropTypes11__default.default.arrayOf(PropTypes11__default.default.oneOfType([PropTypes11__default.default.func, PropTypes11__default.default.object, PropTypes11__default.default.bool])),
+        PropTypes11__default.default.func,
+        PropTypes11__default.default.object
       ]),
-      variant: import_prop_types8.default.oneOf(["condensed", "expanded"])
+      variant: PropTypes11__default.default.oneOf(["condensed", "expanded"])
     }),
-    signInButton: import_prop_types8.default.object,
-    signOutButton: import_prop_types8.default.object
+    signInButton: PropTypes11__default.default.object,
+    signOutButton: PropTypes11__default.default.object
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: import_prop_types8.default.shape({
-    popover: import_prop_types8.default.elementType,
-    popoverContent: import_prop_types8.default.elementType,
-    preview: import_prop_types8.default.elementType,
-    signInButton: import_prop_types8.default.elementType,
-    signOutButton: import_prop_types8.default.elementType
+  slots: PropTypes11__default.default.shape({
+    popover: PropTypes11__default.default.elementType,
+    popoverContent: PropTypes11__default.default.elementType,
+    preview: PropTypes11__default.default.elementType,
+    signInButton: PropTypes11__default.default.elementType,
+    signOutButton: PropTypes11__default.default.elementType
   })
 };
-
-// src/toolpad-core/DashboardLayout/DashboardLayout.tsx
-var React26 = __toESM(require("react"));
-var import_prop_types11 = __toESM(require("prop-types"));
-var import_styles5 = require("@mui/material/styles");
-var import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
-var import_Box4 = __toESM(require("@mui/material/Box"));
-var import_Drawer = __toESM(require("@mui/material/Drawer"));
-var import_Toolbar2 = __toESM(require("@mui/material/Toolbar"));
-
-// src/toolpad-core/DashboardLayout/DashboardHeader.tsx
-var React22 = __toESM(require("react"));
-var import_prop_types9 = __toESM(require("prop-types"));
-var import_styles4 = require("@mui/material/styles");
-var import_Box2 = __toESM(require("@mui/material/Box"));
-var import_AppBar = __toESM(require("@mui/material/AppBar"));
-var import_IconButton3 = __toESM(require("@mui/material/IconButton"));
-var import_Toolbar = __toESM(require("@mui/material/Toolbar"));
-var import_Tooltip3 = __toESM(require("@mui/material/Tooltip"));
-var import_Menu = __toESM(require("@mui/icons-material/Menu"));
-var import_MenuOpen = __toESM(require("@mui/icons-material/MenuOpen"));
-var import_Stack6 = __toESM(require("@mui/material/Stack"));
-
-// src/toolpad-core/DashboardLayout/AppTitle.tsx
-var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_Stack4 = __toESM(require("@mui/material/Stack"));
-var import_material3 = require("@mui/material");
-
-// src/toolpad-core/shared/Link.tsx
-var React18 = __toESM(require("react"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var DefaultLink = React18.forwardRef(function Link(props, ref) {
+var DefaultLink = React26__namespace.forwardRef(function Link(props, ref) {
   const _a = props, { children, href, onClick, history: history2 } = _a, rest = __objRest(_a, ["children", "href", "onClick", "history"]);
-  const routerContext = React18.useContext(RouterContext);
-  const handleLinkClick = React18.useMemo(() => {
+  const routerContext = React26__namespace.useContext(RouterContext);
+  const handleLinkClick = React26__namespace.useMemo(() => {
     if (!routerContext) {
       return onClick;
     }
@@ -1433,25 +1337,22 @@ var DefaultLink = React18.forwardRef(function Link(props, ref) {
       onClick == null ? void 0 : onClick(event);
     };
   }, [routerContext, onClick, history2]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", __spreadProps(__spreadValues({ ref, href }, rest), { onClick: handleLinkClick, children }));
+  return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({ ref, href }, rest), { onClick: handleLinkClick, children }));
 });
-var Link2 = React18.forwardRef(function Link3(props, ref) {
+var Link2 = React26__namespace.forwardRef(function Link3(props, ref) {
   var _a;
-  const routerContext = React18.useContext(RouterContext);
+  const routerContext = React26__namespace.useContext(RouterContext);
   const LinkComponent = (_a = routerContext == null ? void 0 : routerContext.Link) != null ? _a : DefaultLink;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LinkComponent, __spreadProps(__spreadValues({ ref }, props), { children: props.children }));
+  return /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, __spreadProps(__spreadValues({ ref }, props), { children: props.children }));
 });
-
-// src/toolpad-core/DashboardLayout/ToolpadLogo.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
 function ToolpadLogo({ size = 40 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { mask: "url(#a)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M22.74 27.73v-7.6l6.64-3.79v7.6l-6.64 3.79Z", fill: "#007FFF" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M16.1 23.93v-7.59l6.64 3.8v7.59l-6.65-3.8Z", fill: "#39F" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.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" })
+  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__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "mask",
       {
         id: "b",
@@ -1463,7 +1364,7 @@ function ToolpadLogo({ size = 40 }) {
         y: "17",
         width: "14",
         height: "15",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        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",
@@ -1472,12 +1373,12 @@ function ToolpadLogo({ size = 40 }) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { mask: "url(#b)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M15.14 32v-7.6l6.65-3.8v7.6L15.14 32Z", fill: "#007FFF" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M8.5 28.2v-7.6l6.64 3.8V32L8.5 28.2Z", fill: "#39F" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.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.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__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "mask",
       {
         id: "c",
@@ -1489,7 +1390,7 @@ function ToolpadLogo({ size = 40 }) {
         y: "4",
         width: "22",
         height: "20",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        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",
@@ -1498,25 +1399,19 @@ function ToolpadLogo({ size = 40 }) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { mask: "url(#c)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M15.14 23.46v-7.6L29.38 7.8v7.59l-14.24 8.07Z", fill: "#007FFF" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M8.5 19.66v-7.6l6.64 3.8v7.6l-6.64-3.8Z", fill: "#39F" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M8.5 12.07 22.74 4l6.64 3.8-14.24 8.06-6.64-3.8Z", fill: "#A5D8FF" })
+    /* @__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" })
     ] })
   ] });
 }
-
-// src/toolpad-core/shared/branding.ts
-var React19 = __toESM(require("react"));
 function useApplicationTitle() {
   var _a;
-  const branding = React19.useContext(BrandingContext);
+  const branding = React26__namespace.useContext(BrandingContext);
   return (_a = branding == null ? void 0 : branding.title) != null ? _a : "Toolpad";
 }
-
-// src/toolpad-core/DashboardLayout/AppTitle.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var LogoContainer = (0, import_material3.styled)("div")({
+var LogoContainer = material.styled("div")({
   position: "relative",
   height: 40,
   display: "flex",
@@ -1527,13 +1422,13 @@ var LogoContainer = (0, import_material3.styled)("div")({
 });
 function AppTitle(props) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const theme = (0, import_material3.useTheme)();
+  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__ */ (0, import_jsx_runtime16.jsx)(Link2, { href: (_d = (_c = props == null ? void 0 : props.branding) == null ? void 0 : _c.homeUrl) != null ? _d : "/", style: { textDecoration: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_Stack4.default, { direction: "row", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LogoContainer, { children: (_f = (_e = props == null ? void 0 : props.branding) == null ? void 0 : _e.logo) != null ? _f : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolpadLogo, { size: 40 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_Typography2.default,
+  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: {
@@ -1548,20 +1443,6 @@ function AppTitle(props) {
     )
   ] }) });
 }
-
-// src/toolpad-core/DashboardLayout/ToolbarActions.tsx
-var import_Stack5 = __toESM(require("@mui/material/Stack"));
-
-// src/toolpad-core/DashboardLayout/ThemeSwitcher.tsx
-var React21 = __toESM(require("react"));
-var import_material4 = require("@mui/material");
-var import_IconButton2 = __toESM(require("@mui/material/IconButton"));
-var import_Tooltip2 = __toESM(require("@mui/material/Tooltip"));
-var import_DarkMode = __toESM(require("@mui/icons-material/DarkMode"));
-var import_LightMode = __toESM(require("@mui/icons-material/LightMode"));
-
-// src/toolpad-utils/hooks/useSsr.ts
-var React20 = __toESM(require("react"));
 function subscribe2() {
   return () => {
   };
@@ -1573,35 +1454,32 @@ function getServerSnapshot() {
   return true;
 }
 function useSsr() {
-  return React20.useSyncExternalStore(subscribe2, getSnapshot2, getServerSnapshot);
+  return React26__namespace.useSyncExternalStore(subscribe2, getSnapshot2, getServerSnapshot);
 }
-
-// src/toolpad-core/DashboardLayout/ThemeSwitcher.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
 function ThemeSwitcher() {
   var _a;
   const isSsr = useSsr();
-  const theme = (0, import_material4.useTheme)();
-  const { paletteMode, setPaletteMode, isDualTheme } = React21.useContext(PaletteModeContext);
-  const toggleMode = React21.useCallback(() => {
+  const theme = material.useTheme();
+  const { paletteMode, setPaletteMode, isDualTheme } = React26__namespace.useContext(PaletteModeContext);
+  const toggleMode = React26__namespace.useCallback(() => {
     setPaletteMode(paletteMode === "dark" ? "light" : "dark");
   }, [paletteMode, setPaletteMode]);
-  return isDualTheme ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_Tooltip2.default,
+  return isDualTheme ? /* @__PURE__ */ jsxRuntime.jsx(
+    Tooltip__default.default,
     {
       title: isSsr ? "Switch mode" : `${paletteMode === "dark" ? "Light" : "Dark"} mode`,
       enterDelay: 1e3,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        import_IconButton2.default,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton2__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__ */ (0, import_jsx_runtime17.jsxs)(React21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_DarkMode.default,
+          children: theme.getColorSchemeSelector ? /* @__PURE__ */ jsxRuntime.jsxs(React26__namespace.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DarkModeIcon__default.default,
               {
                 sx: {
                   display: "inline",
@@ -1611,8 +1489,8 @@ function ThemeSwitcher() {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_LightMode.default,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              LightModeIcon__default.default,
               {
                 sx: {
                   display: "none",
@@ -1622,25 +1500,19 @@ function ThemeSwitcher() {
                 }
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(React21.Fragment, { children: isSsr || paletteMode !== "dark" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_DarkMode.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_LightMode.default, {}) })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(React26__namespace.Fragment, { children: isSsr || paletteMode !== "dark" ? /* @__PURE__ */ jsxRuntime.jsx(DarkModeIcon__default.default, {}) : /* @__PURE__ */ jsxRuntime.jsx(LightModeIcon__default.default, {}) })
         }
       ) })
     }
   ) : null;
 }
-
-// src/toolpad-core/DashboardLayout/ToolbarActions.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
 function ToolbarActions() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Stack5.default, { direction: "row", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeSwitcher, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Account, {})
+  return /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ThemeSwitcher, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(Account, {})
   ] });
 }
-
-// src/toolpad-core/DashboardLayout/DashboardHeader.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var AppBar = (0, import_styles4.styled)(import_AppBar.default)(({ theme }) => {
+var AppBar = styles.styled(MuiAppBar__default.default)(({ theme }) => {
   var _a;
   return {
     borderWidth: 0,
@@ -1661,26 +1533,26 @@ function DashboardHeader(props) {
     slots,
     slotProps
   } = props;
-  const brandingContext = React22.useContext(BrandingContext);
+  const brandingContext = React26__namespace.useContext(BrandingContext);
   const branding = __spreadValues(__spreadValues({}, brandingContext), brandingProp);
-  const handleMenuOpen = React22.useCallback(() => {
+  const handleMenuOpen = React26__namespace.useCallback(() => {
     onToggleMenu(!menuOpen);
   }, [menuOpen, onToggleMenu]);
-  const getMenuIcon = React22.useCallback(
+  const getMenuIcon = React26__namespace.useCallback(
     (isExpanded) => {
       const expandMenuActionText = "Expand";
       const collapseMenuActionText = "Collapse";
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_Tooltip3.default,
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Tooltip__default.default,
         {
           title: `${isExpanded ? collapseMenuActionText : expandMenuActionText} menu`,
           enterDelay: 1e3,
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_IconButton3.default,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton2__default.default,
             {
               "aria-label": `${isExpanded ? collapseMenuActionText : expandMenuActionText} navigation menu`,
               onClick: handleMenuOpen,
-              children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_MenuOpen.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Menu.default, {})
+              children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(MenuOpenIcon__default.default, {}) : /* @__PURE__ */ jsxRuntime.jsx(MenuIcon__default.default, {})
             }
           ) })
         }
@@ -1690,8 +1562,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__ */ (0, import_jsx_runtime19.jsx)(AppBar, { color: "inherit", position: "absolute", sx: { displayPrint: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Toolbar.default, { sx: { backgroundColor: "inherit", mx: { xs: -0.75, sm: -1 } }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    import_Stack6.default,
+  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",
@@ -1701,10 +1573,10 @@ function DashboardHeader(props) {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_Stack6.default, { direction: "row", children: [
-          !hideMenuButton ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(React22.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              import_Box2.default,
+        /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", children: [
+          !hideMenuButton ? /* @__PURE__ */ jsxRuntime.jsxs(React26__namespace.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Box4__default.default,
               {
                 sx: {
                   display: { xs: "block", md: "none" },
@@ -1713,8 +1585,8 @@ function DashboardHeader(props) {
                 children: getMenuIcon(menuOpen)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              import_Box2.default,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Box4__default.default,
               {
                 sx: {
                   display: { xs: "none", md: "block" },
@@ -1724,18 +1596,18 @@ function DashboardHeader(props) {
               }
             )
           ] }) : null,
-          (slots == null ? void 0 : slots.appTitle) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(slots.appTitle, __spreadValues({}, slotProps == null ? void 0 : slotProps.appTitle)) : (
+          (slots == null ? void 0 : slots.appTitle) ? /* @__PURE__ */ jsxRuntime.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__ */ (0, import_jsx_runtime19.jsx)(AppTitle, __spreadValues({ branding }, slotProps == null ? void 0 : slotProps.appTitle))
+            /* @__PURE__ */ jsxRuntime.jsx(AppTitle, __spreadValues({ branding }, slotProps == null ? void 0 : slotProps.appTitle))
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_Stack6.default, { direction: "row", alignItems: "center", spacing: 1, sx: { marginLeft: "auto" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToolbarActionsSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarActions)),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToolbarAccountSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarAccount))
+        /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: "row", alignItems: "center", spacing: 1, sx: { marginLeft: "auto" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarActionsSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarActions)),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarAccountSlot, __spreadValues({}, slotProps == null ? void 0 : slotProps.toolbarAccount))
         ] })
       ]
     }
@@ -1750,75 +1622,65 @@ DashboardHeader.propTypes = {
    * Branding options for the header.
    * @default null
    */
-  branding: import_prop_types9.default.shape({
-    homeUrl: import_prop_types9.default.string,
-    logo: import_prop_types9.default.node,
-    title: import_prop_types9.default.string
+  branding: PropTypes11__default.default.shape({
+    homeUrl: PropTypes11__default.default.string,
+    logo: PropTypes11__default.default.node,
+    title: PropTypes11__default.default.string
   }),
   /**
    * Whether the menu icon should always be hidden.
    * @default false
    */
-  hideMenuButton: import_prop_types9.default.bool,
+  hideMenuButton: PropTypes11__default.default.bool,
   /**
    * If `true`, show menu button as if menu is expanded, otherwise show it as if menu is collapsed.
    */
-  menuOpen: import_prop_types9.default.bool.isRequired,
+  menuOpen: PropTypes11__default.default.bool.isRequired,
   /**
    * Callback fired when the menu button is clicked.
    */
-  onToggleMenu: import_prop_types9.default.func.isRequired,
+  onToggleMenu: PropTypes11__default.default.func.isRequired,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: import_prop_types9.default.shape({
-    appTitle: import_prop_types9.default.shape({
-      branding: import_prop_types9.default.shape({
-        homeUrl: import_prop_types9.default.string,
-        logo: import_prop_types9.default.node,
-        title: import_prop_types9.default.string
+  slotProps: PropTypes11__default.default.shape({
+    appTitle: PropTypes11__default.default.shape({
+      branding: PropTypes11__default.default.shape({
+        homeUrl: PropTypes11__default.default.string,
+        logo: PropTypes11__default.default.node,
+        title: PropTypes11__default.default.string
       })
     }),
-    toolbarAccount: import_prop_types9.default.shape({
-      localeText: import_prop_types9.default.object,
-      slotProps: import_prop_types9.default.shape({
-        popover: import_prop_types9.default.object,
-        popoverContent: import_prop_types9.default.object,
-        preview: import_prop_types9.default.object,
-        signInButton: import_prop_types9.default.object,
-        signOutButton: import_prop_types9.default.object
+    toolbarAccount: PropTypes11__default.default.shape({
+      localeText: PropTypes11__default.default.object,
+      slotProps: PropTypes11__default.default.shape({
+        popover: PropTypes11__default.default.object,
+        popoverContent: PropTypes11__default.default.object,
+        preview: PropTypes11__default.default.object,
+        signInButton: PropTypes11__default.default.object,
+        signOutButton: PropTypes11__default.default.object
       }),
-      slots: import_prop_types9.default.shape({
-        popover: import_prop_types9.default.elementType,
-        popoverContent: import_prop_types9.default.elementType,
-        preview: import_prop_types9.default.elementType,
-        signInButton: import_prop_types9.default.elementType,
-        signOutButton: import_prop_types9.default.elementType
+      slots: PropTypes11__default.default.shape({
+        popover: PropTypes11__default.default.elementType,
+        popoverContent: PropTypes11__default.default.elementType,
+        preview: PropTypes11__default.default.elementType,
+        signInButton: PropTypes11__default.default.elementType,
+        signOutButton: PropTypes11__default.default.elementType
       })
     }),
-    toolbarActions: import_prop_types9.default.object
+    toolbarActions: PropTypes11__default.default.object
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: import_prop_types9.default.shape({
-    appTitle: import_prop_types9.default.elementType,
-    toolbarAccount: import_prop_types9.default.elementType,
-    toolbarActions: import_prop_types9.default.elementType
+  slots: PropTypes11__default.default.shape({
+    appTitle: PropTypes11__default.default.elementType,
+    toolbarAccount: PropTypes11__default.default.elementType,
+    toolbarActions: PropTypes11__default.default.elementType
   })
 };
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarSubNavigation.tsx
-var React25 = __toESM(require("react"));
-var import_Divider2 = __toESM(require("@mui/material/Divider"));
-var import_List = __toESM(require("@mui/material/List"));
-var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"));
-
-// src/toolpad-core/shared/navigation.tsx
-var import_path_to_regexp = require("path-to-regexp");
-var import_invariant4 = __toESM(require("invariant"));
 var getItemKind = (item) => {
   var _a;
   return (_a = item.kind) != null ? _a : "page";
@@ -1866,7 +1728,7 @@ function buildItemLookup(navigation) {
       map.set(path, item);
       if (item.pattern) {
         const basePath = item.segment ? path.slice(0, -item.segment.length) : path;
-        map.set((0, import_path_to_regexp.pathToRegexp)(basePath + item.pattern).regexp, item);
+        map.set(pathToRegexp.pathToRegexp(basePath + item.pattern).regexp, item);
       }
       if (item.children) {
         for (const child of item.children) {
@@ -1904,7 +1766,7 @@ function matchPath(navigation, path) {
 function getItemPath(navigation, item) {
   const map = getItemToPathMap(navigation);
   const path = map.get(item);
-  (0, import_invariant4.default)(path, `Item not found in navigation: ${item.title}`);
+  invariant2__default.default(path, `Item not found in navigation: ${item.title}`);
   return path;
 }
 function hasSelectedNavigationChildren(navigation, item, activePagePath) {
@@ -1936,17 +1798,14 @@ function getDrawerWidthTransitionMixin(isExpanded) {
     overflowX: "hidden"
   });
 }
-
-// src/toolpad-core/useActivePage/useActivePage.ts
-var React23 = __toESM(require("react"));
 function useActivePage() {
   var _a;
-  const navigationContext = React23.useContext(NavigationContext);
-  const routerContext = React23.useContext(RouterContext);
+  const navigationContext = React26__namespace.useContext(NavigationContext);
+  const routerContext = React26__namespace.useContext(RouterContext);
   const pathname = (_a = routerContext == null ? void 0 : routerContext.pathname) != null ? _a : "/";
   const activeItem = matchPath(navigationContext, pathname);
   const rootItem = matchPath(navigationContext, "/");
-  return React23.useMemo(() => {
+  return React26__namespace.useMemo(() => {
     if (!activeItem) {
       return null;
     }
@@ -1983,29 +1842,9 @@ function useActivePage() {
   }, [activeItem, rootItem, pathname, navigationContext]);
 }
 
-// src/toolpad-core/DashboardLayout/DashboardSidebarPageItem.tsx
-var React24 = __toESM(require("react"));
-var import_prop_types10 = __toESM(require("prop-types"));
-var import_material5 = require("@mui/material");
-var import_Avatar2 = __toESM(require("@mui/material/Avatar"));
-var import_Box3 = __toESM(require("@mui/material/Box"));
-var import_Collapse = __toESM(require("@mui/material/Collapse"));
-var import_Grow = __toESM(require("@mui/material/Grow"));
-var import_ListItem = __toESM(require("@mui/material/ListItem"));
-var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"));
-var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
-var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
-var import_Paper = __toESM(require("@mui/material/Paper"));
-var import_Typography3 = __toESM(require("@mui/material/Typography"));
-var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
-var import_invariant5 = __toESM(require("invariant"));
-
 // src/toolpad-core/DashboardLayout/shared.ts
 var MINI_DRAWER_WIDTH = 84;
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarPageItem.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var NavigationListItemButton = (0, import_material5.styled)(import_ListItemButton.default)(({ theme }) => {
+var NavigationListItemButton = material.styled(ListItemButton__default.default)(({ theme }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   return {
     borderRadius: 8,
@@ -2037,9 +1876,9 @@ var NavigationListItemButton = (0, import_material5.styled)(import_ListItemButto
 var LIST_ITEM_ICON_SIZE = 34;
 function DashboardSidebarPageItem(props) {
   var _a;
-  const navigationContext = React24.useContext(NavigationContext);
-  const pageItemContextProps = React24.useContext(DashboardSidebarPageItemContext);
-  (0, import_invariant5.default)(pageItemContextProps, "No navigation page item context provided.");
+  const navigationContext = React26__namespace.useContext(NavigationContext);
+  const pageItemContextProps = React26__namespace.useContext(DashboardSidebarPageItemContext);
+  invariant2__default.default(pageItemContextProps, "No navigation page item context provided.");
   const contextAwareProps = __spreadValues(__spreadValues({}, pageItemContextProps), props);
   const {
     item,
@@ -2055,10 +1894,10 @@ function DashboardSidebarPageItem(props) {
     isSidebarFullyCollapsed = false,
     renderNestedNavigation
   } = contextAwareProps;
-  const [hoveredMiniSidebarItemId, setHoveredMiniSidebarItemId] = React24.useState(
+  const [hoveredMiniSidebarItemId, setHoveredMiniSidebarItemId] = React26__namespace.useState(
     null
   );
-  const handleClick = React24.useCallback(() => {
+  const handleClick = React26__namespace.useCallback(() => {
     onClick(id, item);
   }, [id, item, onClick]);
   let nestedNavigationCollapseSx = { display: "none" };
@@ -2083,8 +1922,8 @@ 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__ */ (0, import_jsx_runtime20.jsxs)(
-    import_ListItem.default,
+  const listItem = /* @__PURE__ */ jsxRuntime.jsxs(
+    ListItem__default.default,
     __spreadProps(__spreadValues({}, item.children && isMini ? {
       onMouseEnter: () => {
         setHoveredMiniSidebarItemId(id);
@@ -2099,7 +1938,7 @@ function DashboardSidebarPageItem(props) {
         overflowX: "hidden"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ jsxRuntime.jsxs(
           NavigationListItemButton,
           __spreadProps(__spreadValues(__spreadValues({
             selected,
@@ -2120,8 +1959,8 @@ function DashboardSidebarPageItem(props) {
             onClick: handleClick
           }) : {}), {
             children: [
-              item.icon || isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                import_Box3.default,
+              item.icon || isMini ? /* @__PURE__ */ jsxRuntime.jsxs(
+                Box4__default.default,
                 {
                   sx: isMini ? {
                     position: "absolute",
@@ -2130,8 +1969,8 @@ function DashboardSidebarPageItem(props) {
                     transform: "translate(-50%, -50%)"
                   } : {},
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                      import_ListItemIcon.default,
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      ListItemIcon__default.default,
                       {
                         sx: {
                           display: "flex",
@@ -2141,8 +1980,8 @@ function DashboardSidebarPageItem(props) {
                         },
                         children: [
                           (_a = item.icon) != null ? _a : null,
-                          !item.icon && isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                            import_Avatar2.default,
+                          !item.icon && isMini ? /* @__PURE__ */ jsxRuntime.jsx(
+                            Avatar__default.default,
                             {
                               sx: {
                                 width: LIST_ITEM_ICON_SIZE - 7,
@@ -2155,8 +1994,8 @@ function DashboardSidebarPageItem(props) {
                         ]
                       }
                     ),
-                    isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                      import_Typography3.default,
+                    isMini ? /* @__PURE__ */ jsxRuntime.jsx(
+                      Typography__default.default,
                       {
                         variant: "caption",
                         sx: {
@@ -2178,8 +2017,8 @@ function DashboardSidebarPageItem(props) {
                   ]
                 }
               ) : null,
-              !isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                import_ListItemText.default,
+              !isMini ? /* @__PURE__ */ jsxRuntime.jsx(
+                ListItemText__default.default,
                 {
                   primary: title,
                   sx: {
@@ -2190,20 +2029,20 @@ function DashboardSidebarPageItem(props) {
                 }
               ) : null,
               item.action && !isMini && isSidebarFullyExpanded ? item.action : null,
-              item.children ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ExpandMore.default, { sx: nestedNavigationCollapseSx }) : null
+              item.children ? /* @__PURE__ */ jsxRuntime.jsx(ExpandMoreIcon__default.default, { sx: nestedNavigationCollapseSx }) : null
             ]
           })
         ),
-        item.children && isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Grow.default, { in: id === hoveredMiniSidebarItemId, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          import_Box3.default,
+        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__ */ (0, import_jsx_runtime20.jsx)(
-              import_Paper.default,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Paper__default.default,
               {
                 sx: {
                   pt: 0.5,
@@ -2218,9 +2057,9 @@ function DashboardSidebarPageItem(props) {
       ]
     })
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(React24.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(React26__namespace.Fragment, { children: [
     listItem,
-    item.children && !isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true, children: renderNestedNavigation(item.children) }) : null
+    item.children && !isMini ? /* @__PURE__ */ jsxRuntime.jsx(Collapse__default.default, { in: expanded, timeout: "auto", unmountOnExit: true, children: renderNestedNavigation(item.children) }) : null
   ] }, id);
 }
 DashboardSidebarPageItem.propTypes = {
@@ -2232,54 +2071,51 @@ DashboardSidebarPageItem.propTypes = {
    * If `true`, the item is disabled.
    * @default false
    */
-  disabled: import_prop_types10.default.bool,
+  disabled: PropTypes11__default.default.bool,
   /**
    * If `true`, expands any nested navigation in the item, otherwise collapse it.
    * @default false
    */
-  expanded: import_prop_types10.default.bool,
+  expanded: PropTypes11__default.default.bool,
   /**
    * Link `href` for when the item is rendered as a link.
    * @default getItemPath(navigationContext, item)
    */
-  href: import_prop_types10.default.string,
+  href: PropTypes11__default.default.string,
   /**
    * Navigation page item definition.
    */
-  item: import_prop_types10.default.shape({
-    action: import_prop_types10.default.node,
-    children: import_prop_types10.default.arrayOf(
-      import_prop_types10.default.oneOfType([
-        import_prop_types10.default.object,
-        import_prop_types10.default.shape({
-          kind: import_prop_types10.default.oneOf(["header"]).isRequired,
-          title: import_prop_types10.default.string.isRequired
+  item: PropTypes11__default.default.shape({
+    action: PropTypes11__default.default.node,
+    children: PropTypes11__default.default.arrayOf(
+      PropTypes11__default.default.oneOfType([
+        PropTypes11__default.default.object,
+        PropTypes11__default.default.shape({
+          kind: PropTypes11__default.default.oneOf(["header"]).isRequired,
+          title: PropTypes11__default.default.string.isRequired
         }),
-        import_prop_types10.default.shape({
-          kind: import_prop_types10.default.oneOf(["divider"]).isRequired
+        PropTypes11__default.default.shape({
+          kind: PropTypes11__default.default.oneOf(["divider"]).isRequired
         })
       ]).isRequired
     ),
-    icon: import_prop_types10.default.node,
-    kind: import_prop_types10.default.oneOf(["page"]),
-    pattern: import_prop_types10.default.string,
-    segment: import_prop_types10.default.string,
-    title: import_prop_types10.default.string
+    icon: PropTypes11__default.default.node,
+    kind: PropTypes11__default.default.oneOf(["page"]),
+    pattern: PropTypes11__default.default.string,
+    segment: PropTypes11__default.default.string,
+    title: PropTypes11__default.default.string
   }).isRequired,
   /**
    * The component used to render the item as a link.
    * @default Link
    */
-  LinkComponent: import_prop_types10.default.elementType,
+  LinkComponent: PropTypes11__default.default.elementType,
   /**
    * Use to apply selected styling.
    * @default false
    */
-  selected: import_prop_types10.default.bool
+  selected: PropTypes11__default.default.bool
 };
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarSubNavigation.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
 function DashboardSidebarSubNavigationPageItem({
   id,
   item,
@@ -2293,11 +2129,11 @@ function DashboardSidebarSubNavigationPageItem({
   sidebarExpandedWidth,
   renderPageItem
 }) {
-  const navigationContext = React25.useContext(NavigationContext);
+  const navigationContext = React26__namespace.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 = React25.useMemo(
+  const pageItemContextProps = React26__namespace.useMemo(
     () => ({
       expanded: isExpanded,
       selected: isSelected,
@@ -2308,7 +2144,7 @@ function DashboardSidebarSubNavigationPageItem({
       isSidebarFullyCollapsed: isFullyCollapsed,
       renderNestedNavigation: () => {
         var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           DashboardSidebarSubNavigation,
           {
             subNavigation: (_a = item.children) != null ? _a : [],
@@ -2334,7 +2170,7 @@ function DashboardSidebarSubNavigationPageItem({
       sidebarExpandedWidth
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DashboardSidebarPageItemContext.Provider, { value: pageItemContextProps, children: renderPageItem ? renderPageItem(item, { mini: isMini }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DashboardSidebarPageItem, { item }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DashboardSidebarPageItemContext.Provider, { value: pageItemContextProps, children: renderPageItem ? renderPageItem(item, { mini: isMini }) : /* @__PURE__ */ jsxRuntime.jsx(DashboardSidebarPageItem, { item }) });
 }
 function DashboardSidebarSubNavigation({
   subNavigation,
@@ -2348,9 +2184,9 @@ function DashboardSidebarSubNavigation({
   sidebarExpandedWidth,
   renderPageItem
 }) {
-  const navigationContext = React25.useContext(NavigationContext);
+  const navigationContext = React26__namespace.useContext(NavigationContext);
   const activePage = useActivePage();
-  const initialExpandedItemIds = React25.useMemo(
+  const initialExpandedItemIds = React26__namespace.useMemo(
     () => subNavigation.map((navigationItem, navigationItemIndex) => ({
       navigationItem,
       originalIndex: navigationItemIndex
@@ -2359,8 +2195,8 @@ function DashboardSidebarSubNavigation({
     ).map(({ originalIndex }) => `page-${depth}-${originalIndex}`),
     [activePage, depth, navigationContext, subNavigation]
   );
-  const [expandedItemIds, setExpandedItemIds] = React25.useState(initialExpandedItemIds);
-  const handlePageItemClick = React25.useCallback(
+  const [expandedItemIds, setExpandedItemIds] = React26__namespace.useState(initialExpandedItemIds);
+  const handlePageItemClick = React26__namespace.useCallback(
     (itemId, item) => {
       if (item.children && !isMini) {
         setExpandedItemIds(
@@ -2372,8 +2208,8 @@ function DashboardSidebarSubNavigation({
     },
     [isMini, onLinkClick]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_List.default,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    List__default.default,
     {
       sx: {
         padding: 0,
@@ -2385,8 +2221,8 @@ function DashboardSidebarSubNavigation({
       },
       children: subNavigation.map((navigationItem, navigationItemIndex) => {
         if (navigationItem.kind === "header") {
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_ListSubheader.default,
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ListSubheader__default.default,
             {
               sx: __spreadProps(__spreadValues({
                 fontSize: 12,
@@ -2407,8 +2243,8 @@ function DashboardSidebarSubNavigation({
         }
         if (navigationItem.kind === "divider") {
           const nextItem = subNavigation[navigationItemIndex + 1];
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_Divider2.default,
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Divider__default.default,
             {
               sx: __spreadValues({
                 borderBottomWidth: 2,
@@ -2420,7 +2256,7 @@ function DashboardSidebarSubNavigation({
           ) }, `divider-${depth}-${navigationItemIndex}`);
         }
         const pageItemId = `page-${depth}-${navigationItemIndex}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           DashboardSidebarSubNavigationPageItem,
           {
             id: pageItemId,
@@ -2450,9 +2286,6 @@ function warnOnce(msg) {
     console.warn(msg);
   }
 }
-
-// src/toolpad-core/DashboardLayout/DashboardLayout.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
 function DashboardLayout(props) {
   var _a, _b;
   const {
@@ -2473,26 +2306,26 @@ 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 = (0, import_styles5.useTheme)();
-  const navigationContext = React26.useContext(NavigationContext);
-  const appWindowContext = React26.useContext(WindowContext);
+  const theme = styles.useTheme();
+  const navigationContext = React26__namespace.useContext(NavigationContext);
+  const appWindowContext = React26__namespace.useContext(WindowContext);
   const navigation = navigationProp != null ? navigationProp : navigationContext;
-  const [isDesktopNavigationExpanded, setIsDesktopNavigationExpanded] = React26.useState(!defaultSidebarCollapsed);
-  const [isMobileNavigationExpanded, setIsMobileNavigationExpanded] = React26.useState(false);
-  const isOverSmViewport = (0, import_useMediaQuery.default)(
+  const [isDesktopNavigationExpanded, setIsDesktopNavigationExpanded] = React26__namespace.useState(!defaultSidebarCollapsed);
+  const [isMobileNavigationExpanded, setIsMobileNavigationExpanded] = React26__namespace.useState(false);
+  const isOverSmViewport = useMediaQuery2__default.default(
     theme.breakpoints.up("sm"),
     appWindowContext && {
       matchMedia: appWindowContext.matchMedia
     }
   );
-  const isOverMdViewport = (0, import_useMediaQuery.default)(
+  const isOverMdViewport = useMediaQuery2__default.default(
     theme.breakpoints.up("md"),
     appWindowContext && {
       matchMedia: appWindowContext.matchMedia
     }
   );
   const isNavigationExpanded = isOverMdViewport ? isDesktopNavigationExpanded : isMobileNavigationExpanded;
-  const setIsNavigationExpanded = React26.useCallback(
+  const setIsNavigationExpanded = React26__namespace.useCallback(
     (newExpanded) => {
       if (isOverMdViewport) {
         setIsDesktopNavigationExpanded(newExpanded);
@@ -2502,9 +2335,9 @@ function DashboardLayout(props) {
     },
     [isOverMdViewport]
   );
-  const [isNavigationFullyExpanded, setIsNavigationFullyExpanded] = React26.useState(isNavigationExpanded);
-  const [isNavigationFullyCollapsed, setIsNavigationFullyCollapsed] = React26.useState(!isNavigationExpanded);
-  React26.useEffect(() => {
+  const [isNavigationFullyExpanded, setIsNavigationFullyExpanded] = React26__namespace.useState(isNavigationExpanded);
+  const [isNavigationFullyCollapsed, setIsNavigationFullyCollapsed] = React26__namespace.useState(!isNavigationExpanded);
+  React26__namespace.useEffect(() => {
     if (isNavigationExpanded) {
       const drawerWidthTransitionTimeout = setTimeout(() => {
         setIsNavigationFullyExpanded(true);
@@ -2515,7 +2348,7 @@ function DashboardLayout(props) {
     return () => {
     };
   }, [isNavigationExpanded, theme]);
-  React26.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!isNavigationExpanded) {
       const drawerWidthTransitionTimeout = setTimeout(() => {
         setIsNavigationFullyCollapsed(true);
@@ -2526,19 +2359,19 @@ function DashboardLayout(props) {
     return () => {
     };
   }, [isNavigationExpanded, theme]);
-  const handleSetNavigationExpanded = React26.useCallback(
+  const handleSetNavigationExpanded = React26__namespace.useCallback(
     (newExpanded) => () => {
       setIsNavigationExpanded(newExpanded);
     },
     [setIsNavigationExpanded]
   );
-  const handleToggleHeaderMenu = React26.useCallback(
+  const handleToggleHeaderMenu = React26__namespace.useCallback(
     (isExpanded) => {
       setIsNavigationExpanded(isExpanded);
     },
     [setIsNavigationExpanded]
   );
-  const handleNavigationLinkClick = React26.useCallback(() => {
+  const handleNavigationLinkClick = React26__namespace.useCallback(() => {
     setIsMobileNavigationExpanded(false);
   }, [setIsMobileNavigationExpanded]);
   const isDesktopMini = !disableCollapsibleSidebar && !isDesktopNavigationExpanded;
@@ -2546,7 +2379,7 @@ function DashboardLayout(props) {
   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 = React26.useMemo(
+  const headerSlotProps = React26__namespace.useMemo(
     () => __spreadValues({
       branding,
       menuOpen: isNavigationExpanded,
@@ -2574,13 +2407,13 @@ function DashboardLayout(props) {
       slots
     ]
   );
-  const getDrawerContent = React26.useCallback(
+  const getDrawerContent = React26__namespace.useCallback(
     (isMini, viewport) => {
       var _a2;
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(React26.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_Toolbar2.default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_Box4.default,
+      return /* @__PURE__ */ jsxRuntime.jsxs(React26__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)}`,
@@ -2595,7 +2428,7 @@ function DashboardLayout(props) {
               pt: ((_a2 = navigation[0]) == null ? void 0 : _a2.kind) === "header" && !isMini ? 0 : 2
             }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isNavigationFullyExpanded, "padding") : {}),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ jsxRuntime.jsx(
                 DashboardSidebarSubNavigation,
                 {
                   subNavigation: navigation,
@@ -2608,7 +2441,7 @@ function DashboardLayout(props) {
                   renderPageItem
                 }
               ),
-              SidebarFooterSlot ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SidebarFooterSlot, __spreadValues({ mini: isMini }, slotProps == null ? void 0 : slotProps.sidebarFooter)) : null
+              SidebarFooterSlot ? /* @__PURE__ */ jsxRuntime.jsx(SidebarFooterSlot, __spreadValues({ mini: isMini }, slotProps == null ? void 0 : slotProps.sidebarFooter)) : null
             ]
           }
         )
@@ -2626,7 +2459,7 @@ function DashboardLayout(props) {
       slotProps == null ? void 0 : slotProps.sidebarFooter
     ]
   );
-  const getDrawerSharedSx = React26.useCallback(
+  const getDrawerSharedSx = React26__namespace.useCallback(
     (isMini, isTemporary) => {
       const drawerWidth = isMini ? MINI_DRAWER_WIDTH : sidebarExpandedWidth;
       return __spreadProps(__spreadValues(__spreadValues({
@@ -2644,8 +2477,8 @@ function DashboardLayout(props) {
     },
     [isNavigationExpanded, sidebarExpandedWidth]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_Box4.default,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Box4__default.default,
     {
       sx: __spreadValues({
         position: "relative",
@@ -2655,10 +2488,10 @@ function DashboardLayout(props) {
         width: "100vw"
       }, sx),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(HeaderSlot, __spreadValues({}, headerSlotProps)),
-        !hideNavigation ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(React26.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_Drawer.default,
+        /* @__PURE__ */ jsxRuntime.jsx(HeaderSlot, __spreadValues({}, headerSlotProps)),
+        !hideNavigation ? /* @__PURE__ */ jsxRuntime.jsxs(React26__namespace.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Drawer__default.default,
             {
               container: appWindowContext == null ? void 0 : appWindowContext.document.body,
               variant: "temporary",
@@ -2678,8 +2511,8 @@ function DashboardLayout(props) {
               children: getDrawerContent(false, "phone")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_Drawer.default,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Drawer__default.default,
             {
               variant: "permanent",
               sx: __spreadValues({
@@ -2692,8 +2525,8 @@ function DashboardLayout(props) {
               children: getDrawerContent(isMobileMini, "tablet")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_Drawer.default,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Drawer__default.default,
             {
               variant: "permanent",
               sx: __spreadValues({
@@ -2703,8 +2536,8 @@ function DashboardLayout(props) {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_Box4.default,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Box4__default.default,
           {
             sx: {
               display: "flex",
@@ -2713,9 +2546,9 @@ function DashboardLayout(props) {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_Toolbar2.default, { sx: { displayPrint: "none" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_Box4.default,
+              /* @__PURE__ */ jsxRuntime.jsx(Toolbar2__default.default, { sx: { displayPrint: "none" } }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Box4__default.default,
                 {
                   component: "main",
                   sx: {
@@ -2743,63 +2576,63 @@ DashboardLayout.propTypes = {
    * Branding options for the dashboard.
    * @default null
    */
-  branding: import_prop_types11.default.shape({
-    homeUrl: import_prop_types11.default.string,
-    logo: import_prop_types11.default.node,
-    title: import_prop_types11.default.string
+  branding: PropTypes11__default.default.shape({
+    homeUrl: PropTypes11__default.default.string,
+    logo: PropTypes11__default.default.node,
+    title: PropTypes11__default.default.string
   }),
   /**
    * The content of the dashboard.
    */
-  children: import_prop_types11.default.node,
+  children: PropTypes11__default.default.node,
   /**
    * Whether the sidebar should start collapsed in desktop size screens.
    * @default false
    */
-  defaultSidebarCollapsed: import_prop_types11.default.bool,
+  defaultSidebarCollapsed: PropTypes11__default.default.bool,
   /**
    * Whether the sidebar should not be collapsible to a mini variant in desktop and tablet viewports.
    * @default false
    */
-  disableCollapsibleSidebar: import_prop_types11.default.bool,
+  disableCollapsibleSidebar: PropTypes11__default.default.bool,
   /**
    * Whether the navigation bar and menu icon should be hidden.
    * @default false
    */
-  hideNavigation: import_prop_types11.default.bool,
+  hideNavigation: PropTypes11__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: import_prop_types11.default.arrayOf(
-    import_prop_types11.default.oneOfType([
-      import_prop_types11.default.shape({
-        action: import_prop_types11.default.node,
-        children: import_prop_types11.default.arrayOf(
-          import_prop_types11.default.oneOfType([
-            import_prop_types11.default.object,
-            import_prop_types11.default.shape({
-              kind: import_prop_types11.default.oneOf(["header"]).isRequired,
-              title: import_prop_types11.default.string.isRequired
+  navigation: PropTypes11__default.default.arrayOf(
+    PropTypes11__default.default.oneOfType([
+      PropTypes11__default.default.shape({
+        action: PropTypes11__default.default.node,
+        children: PropTypes11__default.default.arrayOf(
+          PropTypes11__default.default.oneOfType([
+            PropTypes11__default.default.object,
+            PropTypes11__default.default.shape({
+              kind: PropTypes11__default.default.oneOf(["header"]).isRequired,
+              title: PropTypes11__default.default.string.isRequired
             }),
-            import_prop_types11.default.shape({
-              kind: import_prop_types11.default.oneOf(["divider"]).isRequired
+            PropTypes11__default.default.shape({
+              kind: PropTypes11__default.default.oneOf(["divider"]).isRequired
             })
           ]).isRequired
         ),
-        icon: import_prop_types11.default.node,
-        kind: import_prop_types11.default.oneOf(["page"]),
-        pattern: import_prop_types11.default.string,
-        segment: import_prop_types11.default.string,
-        title: import_prop_types11.default.string
+        icon: PropTypes11__default.default.node,
+        kind: PropTypes11__default.default.oneOf(["page"]),
+        pattern: PropTypes11__default.default.string,
+        segment: PropTypes11__default.default.string,
+        title: PropTypes11__default.default.string
       }),
-      import_prop_types11.default.shape({
-        kind: import_prop_types11.default.oneOf(["header"]).isRequired,
-        title: import_prop_types11.default.string.isRequired
+      PropTypes11__default.default.shape({
+        kind: PropTypes11__default.default.oneOf(["header"]).isRequired,
+        title: PropTypes11__default.default.string.isRequired
       }),
-      import_prop_types11.default.shape({
-        kind: import_prop_types11.default.oneOf(["divider"]).isRequired
+      PropTypes11__default.default.shape({
+        kind: PropTypes11__default.default.oneOf(["divider"]).isRequired
       })
     ]).isRequired
   ),
@@ -2810,107 +2643,87 @@ DashboardLayout.propTypes = {
    * @param {{ mini: boolean }} params
    * @returns {ReactNode}
    */
-  renderPageItem: import_prop_types11.default.func,
+  renderPageItem: PropTypes11__default.default.func,
   /**
    * Width of the sidebar when expanded.
    * @default 320
    */
-  sidebarExpandedWidth: import_prop_types11.default.oneOfType([import_prop_types11.default.number, import_prop_types11.default.string]),
+  sidebarExpandedWidth: PropTypes11__default.default.oneOfType([PropTypes11__default.default.number, PropTypes11__default.default.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: import_prop_types11.default.shape({
-    appTitle: import_prop_types11.default.shape({
-      branding: import_prop_types11.default.shape({
-        homeUrl: import_prop_types11.default.string,
-        logo: import_prop_types11.default.node,
-        title: import_prop_types11.default.string
+  slotProps: PropTypes11__default.default.shape({
+    appTitle: PropTypes11__default.default.shape({
+      branding: PropTypes11__default.default.shape({
+        homeUrl: PropTypes11__default.default.string,
+        logo: PropTypes11__default.default.node,
+        title: PropTypes11__default.default.string
       })
     }),
-    header: import_prop_types11.default.shape({
-      branding: import_prop_types11.default.shape({
-        homeUrl: import_prop_types11.default.string,
-        logo: import_prop_types11.default.node,
-        title: import_prop_types11.default.string
+    header: PropTypes11__default.default.shape({
+      branding: PropTypes11__default.default.shape({
+        homeUrl: PropTypes11__default.default.string,
+        logo: PropTypes11__default.default.node,
+        title: PropTypes11__default.default.string
       }),
-      hideMenuButton: import_prop_types11.default.bool,
-      menuOpen: import_prop_types11.default.bool.isRequired,
-      onToggleMenu: import_prop_types11.default.func.isRequired,
-      slotProps: import_prop_types11.default.shape({
-        appTitle: import_prop_types11.default.object,
-        toolbarAccount: import_prop_types11.default.object,
-        toolbarActions: import_prop_types11.default.object
+      hideMenuButton: PropTypes11__default.default.bool,
+      menuOpen: PropTypes11__default.default.bool.isRequired,
+      onToggleMenu: PropTypes11__default.default.func.isRequired,
+      slotProps: PropTypes11__default.default.shape({
+        appTitle: PropTypes11__default.default.object,
+        toolbarAccount: PropTypes11__default.default.object,
+        toolbarActions: PropTypes11__default.default.object
       }),
-      slots: import_prop_types11.default.shape({
-        appTitle: import_prop_types11.default.elementType,
-        toolbarAccount: import_prop_types11.default.elementType,
-        toolbarActions: import_prop_types11.default.elementType
+      slots: PropTypes11__default.default.shape({
+        appTitle: PropTypes11__default.default.elementType,
+        toolbarAccount: PropTypes11__default.default.elementType,
+        toolbarActions: PropTypes11__default.default.elementType
       })
     }),
-    sidebarFooter: import_prop_types11.default.shape({
-      mini: import_prop_types11.default.bool.isRequired
+    sidebarFooter: PropTypes11__default.default.shape({
+      mini: PropTypes11__default.default.bool.isRequired
     }),
-    toolbarAccount: import_prop_types11.default.shape({
-      localeText: import_prop_types11.default.object,
-      slotProps: import_prop_types11.default.shape({
-        popover: import_prop_types11.default.object,
-        popoverContent: import_prop_types11.default.object,
-        preview: import_prop_types11.default.object,
-        signInButton: import_prop_types11.default.object,
-        signOutButton: import_prop_types11.default.object
+    toolbarAccount: PropTypes11__default.default.shape({
+      localeText: PropTypes11__default.default.object,
+      slotProps: PropTypes11__default.default.shape({
+        popover: PropTypes11__default.default.object,
+        popoverContent: PropTypes11__default.default.object,
+        preview: PropTypes11__default.default.object,
+        signInButton: PropTypes11__default.default.object,
+        signOutButton: PropTypes11__default.default.object
       }),
-      slots: import_prop_types11.default.shape({
-        popover: import_prop_types11.default.elementType,
-        popoverContent: import_prop_types11.default.elementType,
-        preview: import_prop_types11.default.elementType,
-        signInButton: import_prop_types11.default.elementType,
-        signOutButton: import_prop_types11.default.elementType
+      slots: PropTypes11__default.default.shape({
+        popover: PropTypes11__default.default.elementType,
+        popoverContent: PropTypes11__default.default.elementType,
+        preview: PropTypes11__default.default.elementType,
+        signInButton: PropTypes11__default.default.elementType,
+        signOutButton: PropTypes11__default.default.elementType
       })
     }),
-    toolbarActions: import_prop_types11.default.object
+    toolbarActions: PropTypes11__default.default.object
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: import_prop_types11.default.shape({
-    appTitle: import_prop_types11.default.elementType,
-    header: import_prop_types11.default.elementType,
-    sidebarFooter: import_prop_types11.default.elementType,
-    toolbarAccount: import_prop_types11.default.elementType,
-    toolbarActions: import_prop_types11.default.elementType
+  slots: PropTypes11__default.default.shape({
+    appTitle: PropTypes11__default.default.elementType,
+    header: PropTypes11__default.default.elementType,
+    sidebarFooter: PropTypes11__default.default.elementType,
+    toolbarAccount: PropTypes11__default.default.elementType,
+    toolbarActions: PropTypes11__default.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: import_prop_types11.default.oneOfType([
-    import_prop_types11.default.arrayOf(import_prop_types11.default.oneOfType([import_prop_types11.default.func, import_prop_types11.default.object, import_prop_types11.default.bool])),
-    import_prop_types11.default.func,
-    import_prop_types11.default.object
+  sx: PropTypes11__default.default.oneOfType([
+    PropTypes11__default.default.arrayOf(PropTypes11__default.default.oneOfType([PropTypes11__default.default.func, PropTypes11__default.default.object, PropTypes11__default.default.bool])),
+    PropTypes11__default.default.func,
+    PropTypes11__default.default.object
   ])
 };
-
-// src/toolpad-core/PageContainer/PageContainer.tsx
-var import_prop_types14 = __toESM(require("prop-types"));
-var import_Box5 = __toESM(require("@mui/material/Box"));
-var import_Container = __toESM(require("@mui/material/Container"));
-var import_Stack8 = __toESM(require("@mui/material/Stack"));
-
-// src/toolpad-core/PageContainer/PageHeader.tsx
-var import_prop_types13 = __toESM(require("prop-types"));
-var import_Breadcrumbs = __toESM(require("@mui/material/Breadcrumbs"));
-var import_Link3 = __toESM(require("@mui/material/Link"));
-var import_Stack7 = __toESM(require("@mui/material/Stack"));
-var import_Typography4 = __toESM(require("@mui/material/Typography"));
-var import_useSlotProps2 = __toESM(require("@mui/utils/useSlotProps"));
-var import_material7 = require("@mui/material");
-
-// src/toolpad-core/PageContainer/PageHeaderToolbar.tsx
-var import_prop_types12 = __toESM(require("prop-types"));
-var import_material6 = require("@mui/material");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var PageHeaderToolbarRoot = (0, import_material6.styled)("div")(({ theme }) => ({
+var PageHeaderToolbarRoot = material.styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   gap: theme.spacing(1),
@@ -2918,7 +2731,7 @@ var PageHeaderToolbarRoot = (0, import_material6.styled)("div")(({ theme }) => (
   marginLeft: "auto"
 }));
 function PageHeaderToolbar(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PageHeaderToolbarRoot, __spreadValues({}, props));
+  return /* @__PURE__ */ jsxRuntime.jsx(PageHeaderToolbarRoot, __spreadValues({}, props));
 }
 PageHeaderToolbar.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -2928,12 +2741,9 @@ PageHeaderToolbar.propTypes = {
   /**
    * @ignore
    */
-  children: import_prop_types12.default.node
+  children: PropTypes11__default.default.node
 };
-
-// src/toolpad-core/PageContainer/PageHeader.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var PageContentHeader = (0, import_material7.styled)("div")(({ theme }) => ({
+var PageContentHeader = material.styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "space-between",
@@ -2946,16 +2756,16 @@ function PageHeader(props) {
   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 = (0, import_useSlotProps2.default)({
+  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__ */ (0, import_jsx_runtime24.jsxs)(import_Stack7.default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Breadcrumbs.default, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs ? resolvedBreadcrumbs.map((item, index) => {
-      return item.path ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        import_Link3.default,
+  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",
@@ -2964,11 +2774,11 @@ function PageHeader(props) {
           children: getItemTitle(item)
         },
         index
-      ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Typography4.default, { color: "text.primary", children: getItemTitle(item) }, index);
+      ) : /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { color: "text.primary", children: getItemTitle(item) }, index);
     }) : null }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(PageContentHeader, { children: [
-      resolvedTitle ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Typography4.default, { variant: "h4", children: resolvedTitle }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToolbarComponent, __spreadValues({}, toolbarSlotProps))
+    /* @__PURE__ */ jsxRuntime.jsxs(PageContentHeader, { children: [
+      resolvedTitle ? /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { variant: "h4", children: resolvedTitle }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(ToolbarComponent, __spreadValues({}, toolbarSlotProps))
     ] })
   ] });
 }
@@ -2980,41 +2790,38 @@ PageHeader.propTypes = {
   /**
    * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
    */
-  breadcrumbs: import_prop_types13.default.arrayOf(
-    import_prop_types13.default.shape({
-      path: import_prop_types13.default.string,
-      title: import_prop_types13.default.string.isRequired
+  breadcrumbs: PropTypes11__default.default.arrayOf(
+    PropTypes11__default.default.shape({
+      path: PropTypes11__default.default.string,
+      title: PropTypes11__default.default.string.isRequired
     })
   ),
   /**
    * The props used for each slot inside.
    */
-  slotProps: import_prop_types13.default.shape({
-    toolbar: import_prop_types13.default.shape({
-      children: import_prop_types13.default.node
+  slotProps: PropTypes11__default.default.shape({
+    toolbar: PropTypes11__default.default.shape({
+      children: PropTypes11__default.default.node
     }).isRequired
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: import_prop_types13.default.shape({
-    toolbar: import_prop_types13.default.elementType
+  slots: PropTypes11__default.default.shape({
+    toolbar: PropTypes11__default.default.elementType
   }),
   /**
    * The title of the page. Leave blank to use the active page title.
    */
-  title: import_prop_types13.default.string
+  title: PropTypes11__default.default.string
 };
-
-// src/toolpad-core/PageContainer/PageContainer.tsx
-var import_jsx_runtime25 = require("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__ */ (0, import_jsx_runtime25.jsx)(import_Container.default, __spreadProps(__spreadValues({}, rest), { sx: __spreadValues({ flex: 1, display: "flex", flexDirection: "column" }, rest.sx), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_Stack8.default, { sx: { flex: 1, my: 2 }, spacing: 2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PageHeaderSlot, __spreadValues({ title, breadcrumbs }, slotProps == null ? void 0 : slotProps.header)),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Box5.default, { sx: { flex: 1, display: "flex", flexDirection: "column" }, children })
+  return /* @__PURE__ */ jsxRuntime.jsx(Container__default.default, __spreadProps(__spreadValues({}, rest), { sx: __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, __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 = {
@@ -3025,87 +2832,121 @@ PageContainer.propTypes = {
   /**
    * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
    */
-  breadcrumbs: import_prop_types14.default.arrayOf(
-    import_prop_types14.default.shape({
-      path: import_prop_types14.default.string,
-      title: import_prop_types14.default.string.isRequired
+  breadcrumbs: PropTypes11__default.default.arrayOf(
+    PropTypes11__default.default.shape({
+      path: PropTypes11__default.default.string,
+      title: PropTypes11__default.default.string.isRequired
     })
   ),
   /**
    * @ignore
    */
-  children: import_prop_types14.default.node,
+  children: PropTypes11__default.default.node,
   /**
    * The props used for each slot inside.
    */
-  slotProps: import_prop_types14.default.shape({
-    header: import_prop_types14.default.shape({
-      breadcrumbs: import_prop_types14.default.arrayOf(
-        import_prop_types14.default.shape({
-          path: import_prop_types14.default.string,
-          title: import_prop_types14.default.string.isRequired
+  slotProps: PropTypes11__default.default.shape({
+    header: PropTypes11__default.default.shape({
+      breadcrumbs: PropTypes11__default.default.arrayOf(
+        PropTypes11__default.default.shape({
+          path: PropTypes11__default.default.string,
+          title: PropTypes11__default.default.string.isRequired
         })
       ),
-      slotProps: import_prop_types14.default.shape({
-        toolbar: import_prop_types14.default.object.isRequired
+      slotProps: PropTypes11__default.default.shape({
+        toolbar: PropTypes11__default.default.object.isRequired
       }),
-      slots: import_prop_types14.default.shape({
-        toolbar: import_prop_types14.default.elementType
+      slots: PropTypes11__default.default.shape({
+        toolbar: PropTypes11__default.default.elementType
       }),
-      title: import_prop_types14.default.string
+      title: PropTypes11__default.default.string
     }).isRequired
   }),
   /**
    * The components used for each slot inside.
    */
-  slots: import_prop_types14.default.shape({
-    header: import_prop_types14.default.elementType
+  slots: PropTypes11__default.default.shape({
+    header: PropTypes11__default.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: import_prop_types14.default.oneOfType([
-    import_prop_types14.default.arrayOf(import_prop_types14.default.oneOfType([import_prop_types14.default.func, import_prop_types14.default.object, import_prop_types14.default.bool])),
-    import_prop_types14.default.func,
-    import_prop_types14.default.object
+  sx: PropTypes11__default.default.oneOfType([
+    PropTypes11__default.default.arrayOf(PropTypes11__default.default.oneOfType([PropTypes11__default.default.func, PropTypes11__default.default.object, PropTypes11__default.default.bool])),
+    PropTypes11__default.default.func,
+    PropTypes11__default.default.object
   ]),
   /**
    * The title of the page. Leave blank to use the active page title.
    */
-  title: import_prop_types14.default.string
+  title: PropTypes11__default.default.string
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Account,
-  AccountPopoverFooter,
-  AccountPopoverHeader,
-  AccountPreview,
-  AlertDialog,
-  AppProvider,
-  AuthenticationContext,
-  ConfirmDialog,
-  DashboardHeader,
-  DashboardLayout,
-  DashboardSidebarPageItem,
-  DialogsProvider,
-  LocalizationContext,
-  LocalizationProvider,
-  NotificationsProvider,
-  PageContainer,
-  PageHeader,
-  PageHeaderToolbar,
-  PromptDialog,
-  SessionContext,
-  SignInButton,
-  SignOutButton,
-  ThemeSwitcher,
-  ToolbarActions,
-  en,
-  useActivePage,
-  useDialogs,
-  useLocalStorageState,
-  useLocaleText,
-  useNotifications,
-  useStorageState,
-  useStorageStateServer
+var Link5 = React26__namespace.forwardRef((props, ref) => {
+  const _a = props, { href, history: history2 } = _a, rest = __objRest(_a, ["href", "history"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, __spreadValues({ ref, href, replace: history2 === "replace" }, rest));
 });
+function NextAppProviderApp(props) {
+  const pathname = navigation_js.usePathname();
+  const searchParams = navigation_js.useSearchParams();
+  const { push, replace } = navigation_js.useRouter();
+  const navigate = React26__namespace.useCallback(
+    (url, { history: history2 = "auto" } = {}) => {
+      if (history2 === "auto" || history2 === "push") {
+        return push(String(url));
+      }
+      if (history2 === "replace") {
+        return replace(String(url));
+      }
+      throw new Error(`Invalid history option: ${history2}`);
+    },
+    [push, replace]
+  );
+  const routerImpl = React26__namespace.useMemo(
+    () => ({
+      pathname,
+      searchParams,
+      navigate,
+      Link: Link5
+    }),
+    [pathname, navigate, searchParams]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AppProvider, __spreadValues({ router: routerImpl }, props));
+}
+function NextAppProvider(props) {
+  const AppProvider2 = NextAppProviderApp;
+  return /* @__PURE__ */ jsxRuntime.jsx(AppProvider2, __spreadValues({}, props));
+}
+
+exports.Account = Account;
+exports.AccountPopoverFooter = AccountPopoverFooter;
+exports.AccountPopoverHeader = AccountPopoverHeader;
+exports.AccountPreview = AccountPreview;
+exports.AlertDialog = AlertDialog;
+exports.AppProvider = AppProvider;
+exports.AuthenticationContext = AuthenticationContext;
+exports.ConfirmDialog = ConfirmDialog;
+exports.DashboardHeader = DashboardHeader;
+exports.DashboardLayout = DashboardLayout;
+exports.DashboardSidebarPageItem = DashboardSidebarPageItem;
+exports.DialogsProvider = DialogsProvider;
+exports.LocalizationContext = LocalizationContext;
+exports.LocalizationProvider = LocalizationProvider;
+exports.NextAppProvider = NextAppProvider;
+exports.NotificationsProvider = NotificationsProvider;
+exports.PageContainer = PageContainer;
+exports.PageHeader = PageHeader;
+exports.PageHeaderToolbar = PageHeaderToolbar;
+exports.PromptDialog = PromptDialog;
+exports.SessionContext = SessionContext;
+exports.SignInButton = SignInButton;
+exports.SignOutButton = SignOutButton;
+exports.ThemeSwitcher = ThemeSwitcher;
+exports.ToolbarActions = ToolbarActions;
+exports.en = en_default;
+exports.useActivePage = useActivePage;
+exports.useDialogs = useDialogs;
+exports.useLocalStorageState = useLocalStorageState;
+exports.useLocaleText = useLocaleText;
+exports.useNotifications = useNotifications;
+exports.useStorageState = useStorageState;
+exports.useStorageStateServer = useStorageStateServer;