@iowas/toolpad 1.0.4 → 1.0.5

package/dist/core.js

@@ -1,3111 +1,137 @@
-"use strict";
-var __create = Object.create;
-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;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  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);
+'use strict';
 
-// 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);
-
-// src/toolpad-core/useNotifications/useNotifications.tsx
-var serverNotifications = {
-  show: () => {
-    throw new Error("Not supported on server side");
-  },
-  close: () => {
-    throw new Error("Not supported on server side");
-  }
-};
-function useNotifications() {
-  const context = React2.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 {
-    components: {
-      MuiLocalizationProvider: {
-        defaultProps: {
-          localeText: __spreadValues({}, translations)
-        }
-      }
-    }
-  };
-};
-
-// src/toolpad-core/locales/en.tsx
-var enLabels = {
-  // Account
-  accountSignInLabel: "Sign In",
-  accountSignOutLabel: "Sign Out",
-  // AccountPreview
-  accountPreviewTitle: "Account",
-  accountPreviewIconButtonLabel: "Current User",
-  // SignInPage
-  signInTitle: (brandingTitle) => brandingTitle ? `Sign in to ${brandingTitle}` : "Sign in",
-  signInSubtitle: "Welcome user, please sign in to continue",
-  signInRememberMe: "Remember Me",
-  providerSignInTitle: (provider) => `Sign in with ${provider}`,
-  // Common authentication labels
-  email: "Email",
-  password: "Password",
-  username: "Username",
-  passkey: "Passkey",
-  // Common action labels
-  save: "Save",
-  cancel: "Cancel",
-  ok: "Ok",
-  or: "Or",
-  to: "To",
-  with: "With",
-  close: "Close",
-  delete: "Delete",
-  alert: "Alert",
-  confirm: "Confirm",
-  loading: "Loading...",
-  // CRUD
-  createNewButtonLabel: "Create new",
-  reloadButtonLabel: "Reload data",
-  createLabel: "Create",
-  createSuccessMessage: "Item created successfully.",
-  createErrorMessage: "Failed to create item. Reason:",
-  editLabel: "Edit",
-  editSuccessMessage: "Item edited successfully.",
-  editErrorMessage: "Failed to edit item. Reason:",
-  deleteLabel: "Delete",
-  deleteConfirmTitle: "Delete item?",
-  deleteConfirmMessage: "Do you wish to delete this item?",
-  deleteConfirmLabel: "Delete",
-  deleteCancelLabel: "Cancel",
-  deleteSuccessMessage: "Item deleted successfully.",
-  deleteErrorMessage: "Failed to delete item. Reason:",
-  deletedItemMessage: "This item has been deleted."
-};
-var en_default = getLocalization(enLabels);
+var chunkSITC3EZQ_js = require('./chunk-SITC3EZQ.js');
+var chunkSWAF5R4Y_js = require('./chunk-SWAF5R4Y.js');
+require('./chunk-BN55HN4U.js');
+require('./chunk-5B2NQDIH.js');
 
-// src/toolpad-core/AppProvider/LocalizationProvider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var LocalizationContext = React3.createContext({});
-var LocalizationProvider = function LocalizationProvider2(props) {
-  var _a, _b, _c;
-  const { localeText: propsLocaleText, children } = props;
-  const theme = (0, import_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(
-    () => __spreadValues(__spreadValues(__spreadValues({}, defaultLocaleText3), themeLocaleText), propsLocaleText),
-    [defaultLocaleText3, themeLocaleText, propsLocaleText]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocalizationContext.Provider, { value: localeText, children });
-};
-LocalizationProvider.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: import_prop_types.default.node,
-  /**
-   * Locale for components texts
-   */
-  localeText: import_prop_types.default.object
-};
-function useLocaleText() {
-  return React3.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);
-  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 defaultLocaleText = {
-  close: "Close"
-};
-function Notification({ notificationKey, open, message, options, badge }) {
-  var _a, _b, _c;
-  const globalLocaleText = useLocaleText();
-  const localeText = __spreadValues(__spreadValues({}, defaultLocaleText), globalLocaleText);
-  const { close } = useNonNullableContext(NotificationsContext);
-  const { severity, actionText, onAction, autoHideDuration } = options;
-  const handleClose = React5.useCallback(
-    (event, reason) => {
-      if (reason === "clickaway") {
-        return;
-      }
-      close(notificationKey);
-    },
-    [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,
-      {
-        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" })
-      }
-    )
-  ] });
-  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)({
-    elementType: SnackbarComponent,
-    ownerState: props,
-    externalSlotProps: (_c = props == null ? void 0 : props.slotProps) == null ? void 0 : _c.snackbar,
-    additionalProps: {
-      open,
-      autoHideDuration,
-      onClose: handleClose,
-      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);
-}
-function Notifications({ state }) {
-  var _a;
-  const currentNotification = (_a = state.queue[0]) != null ? _a : null;
-  return currentNotification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    Notification,
-    __spreadProps(__spreadValues({}, currentNotification), {
-      badge: state.queue.length > 1 ? String(state.queue.length) : null
-    })
-  ) : null;
-}
-var nextId = 0;
-var generateId = () => {
-  const id = nextId;
-  nextId += 1;
-  return id;
-};
-function NotificationsProvider(props) {
-  const { children } = props;
-  const [state, setState] = React5.useState({ queue: [] });
-  const show = React5.useCallback((message, options = {}) => {
-    var _a;
-    const notificationKey = (_a = options.key) != null ? _a : `::toolpad-internal::notification::${generateId()}`;
-    setState((prev) => {
-      if (prev.queue.some((n) => n.notificationKey === notificationKey)) {
-        return prev;
-      }
-      return __spreadProps(__spreadValues({}, prev), {
-        queue: [...prev.queue, { message, options, notificationKey, open: true }]
-      });
-    });
-    return notificationKey;
-  }, []);
-  const close = React5.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: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.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({
-  paletteMode: "light",
-  setPaletteMode: () => {
-  },
-  isDualTheme: false
+Object.defineProperty(exports, "Account", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.Account; }
 });
-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 defaultLocaleText2 = {
-  alert: "Alert",
-  confirm: "Confirm",
-  cancel: "Cancel",
-  ok: "Ok"
-};
-function useDialogLoadingButton(onClose) {
-  const [loading, setLoading] = React8.useState(false);
-  const handleClick = async () => {
-    try {
-      setLoading(true);
-      await onClose();
-    } finally {
-      setLoading(false);
-    }
-  };
-  return {
-    onClick: handleClick,
-    loading
-  };
-}
-function AlertDialog({ open, payload, onClose }) {
-  var _a, _b;
-  const appWindowContext = React8.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,
-    {
-      maxWidth: "xs",
-      fullWidth: true,
-      open,
-      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 })) })
-      ]
-    }
-  );
-}
-function ConfirmDialog({ open, payload, onClose }) {
-  var _a, _b, _c;
-  const appWindowContext = React8.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,
-    {
-      maxWidth: "xs",
-      fullWidth: true,
-      open,
-      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 }))
-        ] })
-      ]
-    }
-  );
-}
-function PromptDialog({ open, payload, onClose }) {
-  var _a, _b, _c;
-  const appWindowContext = React8.useContext(WindowContext);
-  const globalLocaleText = useLocaleText();
-  const localeText = __spreadValues(__spreadValues({}, defaultLocaleText2), globalLocaleText);
-  const [input, setInput] = React8.useState("");
-  const cancelButtonProps = useDialogLoadingButton(() => onClose(null));
-  const [loading, setLoading] = React8.useState(false);
-  const name = "input";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    import_Dialog.default,
-    {
-      maxWidth: "xs",
-      fullWidth: true,
-      open,
-      onClose: () => onClose(null),
-      PaperProps: {
-        component: "form",
-        onSubmit: async (event) => {
-          var _a2;
-          event.preventDefault();
-          try {
-            setLoading(true);
-            const formData = new FormData(event.currentTarget);
-            const value = (_a2 = formData.get(name)) != null ? _a2 : "";
-            (0, import_invariant.default)(typeof value === "string", "Value must come from a text input");
-            await onClose(value);
-          } finally {
-            setLoading(false);
-          }
-        }
-      },
-      container: appWindowContext == null ? void 0 : appWindowContext.document.body,
-      children: [
-        /* @__PURE__ */ (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: [
-            payload.msg,
-            " "
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_TextField.default,
-            {
-              autoFocus: true,
-              required: true,
-              margin: "dense",
-              id: "name",
-              name,
-              type: "text",
-              fullWidth: true,
-              variant: "standard",
-              value: input,
-              onChange: (event) => setInput(event.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (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 })
-        ] })
-      ]
-    }
-  );
-}
-function useDialogs() {
-  const { open, close } = useNonNullableContext(DialogsContext);
-  const alert = (0, import_useEventCallback.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)(
-    (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)(
-    (msg, _e = {}) => {
-      var _f = _e, { onClose } = _f, options = __objRest(_f, ["onClose"]);
-      return open(PromptDialog, __spreadProps(__spreadValues({}, options), { msg }), { onClose });
-    }
-  );
-  return React8.useMemo(
-    () => ({
-      alert,
-      confirm,
-      prompt,
-      open,
-      close
-    }),
-    [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 { onClose = async () => {
-    } } = options;
-    let resolve;
-    const promise = new Promise((resolveImpl) => {
-      resolve = resolveImpl;
-    });
-    (0, import_invariant2.default)(resolve, "resolve not set");
-    const key = `${keyPrefix}-${nextId2.current}`;
-    nextId2.current += 1;
-    const newEntry = {
-      key,
-      open: true,
-      promise,
-      Component,
-      payload,
-      onClose,
-      resolve
-    };
-    dialogMetadata.current.set(promise, newEntry);
-    setStack((prevStack) => [...prevStack, newEntry]);
-    return promise;
-  });
-  const closeDialogUi = (0, import_useEventCallback2.default)(function closeDialogUi2(dialog) {
-    setStack(
-      (prevStack) => prevStack.map((entry) => entry.promise === dialog ? __spreadProps(__spreadValues({}, entry), { open: false }) : entry)
-    );
-    setTimeout(() => {
-      setStack((prevStack) => prevStack.filter((entry) => entry.promise !== dialog));
-    }, unmountAfter);
-  });
-  const closeDialog = (0, import_useEventCallback2.default)(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
-    (0, import_invariant2.default)(entryToClose, "dialog not found");
-    try {
-      await entryToClose.onClose(result);
-    } finally {
-      entryToClose.resolve(result);
-      closeDialogUi(dialog);
-    }
-    return dialog;
-  });
-  const contextValue = React9.useMemo(
-    () => ({ open: requestDialog, close: closeDialog }),
-    [requestDialog, closeDialog]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogsContext.Provider, { value: contextValue, children: [
-    children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      Component,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
-}
-
-// 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,
-  stringify: (value) => value
-};
-
-// src/toolpad-core/persistence/useStorageState.tsx
-var currentTabChangeListeners = /* @__PURE__ */ new Map();
-function onCurrentTabStorageChange(key, handler) {
-  let listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    listeners = /* @__PURE__ */ new Set();
-    currentTabChangeListeners.set(key, listeners);
-  }
-  listeners.add(handler);
-}
-function offCurrentTabStorageChange(key, handler) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (!listeners) {
-    return;
-  }
-  listeners.delete(handler);
-  if (listeners.size === 0) {
-    currentTabChangeListeners.delete(key);
-  }
-}
-function emitCurrentTabStorageChange(key) {
-  const listeners = currentTabChangeListeners.get(key);
-  if (listeners) {
-    listeners.forEach((listener) => listener());
-  }
-}
-if (typeof window !== "undefined") {
-  const origSetItem = window.localStorage.setItem;
-  window.localStorage.setItem = function setItem(key, value) {
-    const result = origSetItem.call(this, key, value);
-    emitCurrentTabStorageChange(key);
-    return result;
-  };
-}
-function subscribe(area, key, callback) {
-  if (!key) {
-    return () => {
-    };
-  }
-  const storageHandler = (event) => {
-    if (event.storageArea === area && event.key === key) {
-      callback();
-    }
-  };
-  window.addEventListener("storage", storageHandler);
-  onCurrentTabStorageChange(key, callback);
-  return () => {
-    window.removeEventListener("storage", storageHandler);
-    offCurrentTabStorageChange(key, callback);
-  };
-}
-function getSnapshot(area, key) {
-  if (!key) {
-    return null;
-  }
-  try {
-    return area.getItem(key);
-  } catch (e) {
-    return null;
-  }
-}
-function setValue(area, key, value) {
-  if (!key) {
-    return;
-  }
-  try {
-    if (value === null) {
-      area.removeItem(key);
-    } else {
-      area.setItem(key, String(value));
-    }
-  } catch (e) {
-    return;
-  }
-  emitCurrentTabStorageChange(key);
-}
-var serverValue = [null, () => {
-}];
-function useStorageStateServer() {
-  return serverValue;
-}
-function encode(codec, value) {
-  return value === null ? null : codec.stringify(value);
-}
-function decode(codec, value) {
-  return value === null ? null : codec.parse(value);
-}
-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(
-    () => encode(codec, initialValue),
-    [codec, initialValue]
-  );
-  const subscribeKey = React10.useCallback(
-    (callback) => subscribe(area, key, callback),
-    [area, key]
-  );
-  const getKeySnapshot = React10.useCallback(
-    () => {
-      var _a2;
-      return (_a2 = getSnapshot(area, key)) != null ? _a2 : encodedInitialValue;
-    },
-    [area, encodedInitialValue, key]
-  );
-  const encodedStoredValue = React10.useSyncExternalStore(
-    subscribeKey,
-    getKeySnapshot,
-    getKeyServerSnapshot
-  );
-  const storedValue = React10.useMemo(
-    () => decode(codec, encodedStoredValue),
-    [codec, encodedStoredValue]
-  );
-  const setStoredValue = React10.useCallback(
-    (value) => {
-      const valueToStore = value instanceof Function ? value(storedValue) : value;
-      const encodedValueToStore = encode(codec, valueToStore);
-      setValue(area, key, encodedValueToStore);
-    },
-    [area, codec, storedValue, key]
-  );
-  const [nonStoredValue, setNonStoredValue] = React10.useState(initialValue);
-  if (!key) {
-    return [nonStoredValue, setNonStoredValue];
-  }
-  return [storedValue, setStoredValue];
-}
-
-// 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)(
-    "(prefers-color-scheme: dark)",
-    window2 && {
-      matchMedia: window2.matchMedia
-    }
-  );
-  return prefersDarkMode ? "dark" : "light";
-}
-function isCssVarsTheme(theme) {
-  return "vars" in theme;
-}
-function LegacyThemeProvider(props) {
-  const { children, theme, window: appWindow } = props;
-  (0, import_invariant3.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(
-    () => {
-      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(
-    () => ({
-      paletteMode,
-      setPaletteMode: setUserMode,
-      isDualTheme
-    }),
-    [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 }),
-    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(() => {
-    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 });
-}
-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,
-    {
-      theme,
-      documentNode: appWindow == null ? void 0 : appWindow.document,
-      colorSchemeNode: appWindow == null ? void 0 : appWindow.document.documentElement,
-      disableNestedContext: true,
-      colorSchemeStorageKey: COLOR_SCHEME_STORAGE_KEY,
-      modeStorageKey: MODE_STORAGE_KEY,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_InitColorSchemeScript.default,
-          {
-            attribute: theme.colorSchemeSelector,
-            colorSchemeStorageKey: COLOR_SCHEME_STORAGE_KEY,
-            modeStorageKey: MODE_STORAGE_KEY,
-            nonce
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CssVarsPaletteModeProvider, { window: appWindow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CssBaseline.default, { enableColorScheme: true }),
-          children
-        ] })
-      ]
-    }
-  );
-}
-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 }));
-}
-
-// src/toolpad-core/AppProvider/AppProvider.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AuthenticationContext = React12.createContext(null);
-var SessionContext = React12.createContext(null);
-function createDefaultTheme() {
-  return (0, import_styles3.createTheme)({
-    cssVariables: {
-      colorSchemeSelector: "data-toolpad-color-scheme"
-    },
-    colorSchemes: { dark: true }
-  });
-}
-function AppProvider(props) {
-  const {
-    children,
-    theme = createDefaultTheme(),
-    branding = null,
-    navigation = [],
-    localeText,
-    router = null,
-    authentication = null,
-    session = null,
-    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 }) }) }) }) }) }) }) }) }) });
-}
-AppProvider.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm 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
-  }),
-  /**
-   * 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
-  }),
-  /**
-   * The content of the app provider.
-   */
-  children: import_prop_types2.default.node,
-  /**
-   * Locale text for components
-   */
-  localeText: import_prop_types2.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
-            }),
-            import_prop_types2.default.shape({
-              kind: import_prop_types2.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
-      }),
-      import_prop_types2.default.shape({
-        kind: import_prop_types2.default.oneOf(["header"]).isRequired,
-        title: import_prop_types2.default.string.isRequired
-      }),
-      import_prop_types2.default.shape({
-        kind: import_prop_types2.default.oneOf(["divider"]).isRequired
-      })
-    ]).isRequired
-  ),
-  /**
-   * The nonce to be used for inline scripts.
-   */
-  nonce: import_prop_types2.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
-  }),
-  /**
-   * 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
-    })
-  }),
-  /**
-   * [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,
-  /**
-   * 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
-};
-
-// 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");
-function SignInButton(props) {
-  const authentication = React14.useContext(AuthenticationContext);
-  const globalLocaleText = useLocaleText();
-  const accountLocaleText = React14.useContext(AccountLocaleContext);
-  const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_Button2.default,
-    __spreadProps(__spreadValues({
-      disableElevation: true,
-      variant: "contained",
-      size: "small",
-      onClick: authentication == null ? void 0 : authentication.signIn,
-      sx: {
-        textTransform: "capitalize",
-        filter: "opacity(0.9)",
-        width: "50%",
-        margin: (theme) => `${theme.spacing(1)} auto`,
-        transition: "filter 0.2s ease-in",
-        "&:hover": {
-          filter: "opacity(1)"
-        }
-      }
-    }, props), {
-      children: localeText == null ? void 0 : localeText.accountSignInLabel
-    })
-  );
-}
-SignInButton.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: import_prop_types3.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 globalLocaleText = useLocaleText();
-  const accountLocaleText = React15.useContext(AccountLocaleContext);
-  const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_Button3.default,
-    __spreadProps(__spreadValues({
-      disabled: !authentication,
-      variant: "outlined",
-      size: "small",
-      disableElevation: true,
-      onClick: authentication == null ? void 0 : authentication.signOut,
-      sx: {
-        textTransform: "capitalize",
-        fontWeight: "normal",
-        filter: "opacity(0.9)",
-        transition: "filter 0.2s ease-in",
-        "&:hover": {
-          filter: "opacity(1)"
-        }
-      },
-      startIcon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Logout.default, {})
-    }, props), {
-      children: localeText == null ? void 0 : localeText.accountSignOutLabel
-    })
-  );
-}
-SignOutButton.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: import_prop_types4.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 globalLocaleText = useLocaleText();
-  const accountLocaleText = React16.useContext(AccountLocaleContext);
-  const localeText = __spreadValues(__spreadValues({}, globalLocaleText), accountLocaleText);
-  if (!session || !session.user) {
-    return null;
-  }
-  const avatarContent = (slots == null ? void 0 : slots.avatar) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(slots.avatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_Avatar.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) || "",
-      sx: { height: variant === "expanded" ? 48 : 32, width: variant === "expanded" ? 48 : 32 }
-    }, 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: [
-        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 })
-        ] })
-      ] }),
-      handleClick && ((slots == null ? void 0 : slots.moreIconButton) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(slots.moreIconButton, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_IconButton.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" })
-        })
-      ))
-    ] });
-  }
-  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,
-    __spreadProps(__spreadValues({
-      onClick: handleClick,
-      "aria-label": localeText == null ? void 0 : localeText.accountPreviewIconButtonLabel,
-      size: "small",
-      "aria-controls": open ? "account-menu" : void 0,
-      "aria-haspopup": "true",
-      "aria-expanded": open ? "true" : void 0
-    }, slotProps == null ? void 0 : slotProps.avatarIconButton), {
-      sx: __spreadValues({ width: "fit-content", margin: "0 auto" }, (_h = slotProps == null ? void 0 : slotProps.avatarIconButton) == null ? void 0 : _h.sx),
-      children: avatarContent
-    })
-  ) }) });
-}
-AccountPreview.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The handler used when the preview is expanded
-   */
-  handleClick: import_prop_types5.default.func,
-  /**
-   * The state of the Account popover
-   * @default false
-   */
-  open: import_prop_types5.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
-  }),
-  /**
-   * 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
-  }),
-  /**
-   * 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
-  ]),
-  /**
-   * The type of account details to display.
-   * @property {'condensed'} condensed - Shows only the user's avatar.
-   * @property {'expanded'} expanded - Displays the user's avatar, name, and email if available.
-   * @default 'condensed'
-   */
-  variant: import_prop_types5.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 }));
-}
-AccountPopoverHeader.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: import_prop_types6.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,
-    __spreadProps(__spreadValues({}, rest), {
-      sx: __spreadValues({ display: "flex", flexDirection: "row", p: 1, justifyContent: "flex-end" }, rest.sx),
-      children
-    })
-  );
-}
-AccountPopoverFooter.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: import_prop_types7.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
-  ])
-};
-
-// src/toolpad-core/Account/Account.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var defaultAccountLocaleText = {
-  accountPreviewIconButtonLabel: "Current User",
-  accountPreviewTitle: "Account",
-  accountSignInLabel: "Sign in",
-  accountSignOutLabel: "Sign out"
-};
-function Account(props) {
-  var _a;
-  const { localeText: propsLocaleText } = props;
-  const globalLocaleText = useLocaleText();
-  const localeText = React17.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 open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  if (!authentication) {
-    return null;
-  }
-  let accountContent = null;
-  if (!(session == null ? void 0 : session.user)) {
-    accountContent = (slots == null ? void 0 : slots.signInButton) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(slots.signInButton, { onClick: authentication.signIn }) : /* @__PURE__ */ (0, import_jsx_runtime13.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)(
-        AccountPreview,
-        __spreadValues({
-          variant: "condensed",
-          handleClick,
-          open
-        }, slotProps == null ? void 0 : slotProps.preview)
-      ),
-      (slots == null ? void 0 : slots.popover) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        slots.popover,
-        __spreadValues({
-          open,
-          onClick: handleClick,
-          onClose: handleClose
-        }, slotProps == null ? void 0 : slotProps.popover)
-      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        import_Popover.default,
-        __spreadProps(__spreadValues({
-          anchorEl,
-          id: "account-menu",
-          open,
-          onClose: handleClose,
-          onClick: handleClose,
-          transformOrigin: { horizontal: "right", vertical: "top" },
-          anchorOrigin: { horizontal: "right", vertical: "bottom" }
-        }, slotProps == null ? void 0 : slotProps.popover), {
-          slotProps: __spreadValues({
-            paper: {
-              elevation: 0,
-              sx: {
-                overflow: "visible",
-                filter: (theme) => `drop-shadow(0px 2px 8px ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.32)"})`,
-                mt: 1,
-                "&::before": {
-                  content: '""',
-                  display: "block",
-                  position: "absolute",
-                  top: 0,
-                  right: 14,
-                  width: 10,
-                  height: 10,
-                  bgcolor: "background.paper",
-                  transform: "translateY(-50%) rotate(45deg)",
-                  zIndex: 0
-                }
-              }
-            }
-          }, (_a = slotProps == null ? void 0 : slotProps.popover) == null ? void 0 : _a.slotProps),
-          children: (slots == null ? void 0 : slots.popoverContent) ? /* @__PURE__ */ (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)) })
-          ] }))
-        })
-      )
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccountLocaleContext.Provider, { value: localeText, children: accountContent });
-}
-Account.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The labels for the account component.
-   */
-  localeText: import_prop_types8.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
-      }),
-      slots: import_prop_types8.default.shape({
-        avatar: import_prop_types8.default.elementType,
-        avatarIconButton: import_prop_types8.default.elementType,
-        moreIconButton: import_prop_types8.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
-      ]),
-      variant: import_prop_types8.default.oneOf(["condensed", "expanded"])
-    }),
-    signInButton: import_prop_types8.default.object,
-    signOutButton: import_prop_types8.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
-  })
-};
-
-// 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) {
-  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(() => {
-    if (!routerContext) {
-      return onClick;
-    }
-    return (event) => {
-      event.preventDefault();
-      const url = new URL(event.currentTarget.href);
-      routerContext.navigate(url.pathname, { history: history2 });
-      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 }));
+Object.defineProperty(exports, "AccountPopoverFooter", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.AccountPopoverFooter; }
 });
-var Link2 = React18.forwardRef(function Link3(props, ref) {
-  var _a;
-  const routerContext = React18.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 }));
+Object.defineProperty(exports, "AccountPopoverHeader", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.AccountPopoverHeader; }
 });
-
-// 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" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      "mask",
-      {
-        id: "b",
-        style: {
-          maskType: "alpha"
-        },
-        maskUnits: "userSpaceOnUse",
-        x: "8",
-        y: "17",
-        width: "14",
-        height: "15",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M8.5 22.3c0-1.05.56-2 1.46-2.53l3.75-2.14c.89-.5 1.98-.5 2.87 0l3.75 2.14a2.9 2.9 0 0 1 1.46 2.52v4.23c0 1.04-.56 2-1.46 2.52l-3.75 2.14c-.89.5-1.98.5-2.87 0l-3.75-2.14a2.9 2.9 0 0 1-1.46-2.52v-4.23Z",
-            fill: "#D7DCE1"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (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__ */ (0, import_jsx_runtime15.jsx)(
-      "mask",
-      {
-        id: "c",
-        style: {
-          maskType: "alpha"
-        },
-        maskUnits: "userSpaceOnUse",
-        x: "8",
-        y: "4",
-        width: "22",
-        height: "20",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M24.17 4.82a2.9 2.9 0 0 0-2.87 0L9.97 11.22a2.9 2.9 0 0 0-1.47 2.53v4.22c0 1.04.56 2 1.46 2.52l3.75 2.14c.89.5 1.98.5 2.87 0l11.33-6.42a2.9 2.9 0 0 0 1.47-2.52V9.48c0-1.04-.56-2-1.46-2.52l-3.75-2.14Z",
-            fill: "#D7DCE1"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (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" })
-    ] })
-  ] });
-}
-
-// src/toolpad-core/shared/branding.ts
-var React19 = __toESM(require("react"));
-function useApplicationTitle() {
-  var _a;
-  const branding = React19.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")({
-  position: "relative",
-  height: 40,
-  display: "flex",
-  alignItems: "center",
-  "& img": {
-    maxHeight: 40
-  }
+Object.defineProperty(exports, "AccountPreview", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.AccountPreview; }
 });
-function AppTitle(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const theme = (0, import_material3.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,
-      {
-        variant: "h6",
-        sx: {
-          color: ((_g = theme.vars) != null ? _g : theme).palette.primary.main,
-          fontWeight: "700",
-          ml: 1,
-          whiteSpace: "nowrap",
-          lineHeight: 1
-        },
-        children: title
-      }
-    )
-  ] }) });
-}
-
-// 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 () => {
-  };
-}
-function getSnapshot2() {
-  return false;
-}
-function getServerSnapshot() {
-  return true;
-}
-function useSsr() {
-  return React20.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(() => {
-    setPaletteMode(paletteMode === "dark" ? "light" : "dark");
-  }, [paletteMode, setPaletteMode]);
-  return isDualTheme ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_Tooltip2.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,
-        {
-          "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,
-              {
-                sx: {
-                  display: "inline",
-                  [theme.getColorSchemeSelector("dark")]: {
-                    display: "none"
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_LightMode.default,
-              {
-                sx: {
-                  display: "none",
-                  [theme.getColorSchemeSelector("dark")]: {
-                    display: "inline"
-                  }
-                }
-              }
-            )
-          ] }) : /* @__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, {}) })
-        }
-      ) })
-    }
-  ) : 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, {})
-  ] });
-}
-
-// 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 _a;
-  return {
-    borderWidth: 0,
-    borderBottomWidth: 1,
-    borderStyle: "solid",
-    borderColor: ((_a = theme.vars) != null ? _a : theme).palette.divider,
-    boxShadow: "none",
-    zIndex: theme.zIndex.drawer + 1
-  };
+Object.defineProperty(exports, "AlertDialog", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.AlertDialog; }
 });
-function DashboardHeader(props) {
-  var _a, _b;
-  const {
-    branding: brandingProp,
-    menuOpen,
-    onToggleMenu,
-    hideMenuButton,
-    slots,
-    slotProps
-  } = props;
-  const brandingContext = React22.useContext(BrandingContext);
-  const branding = __spreadValues(__spreadValues({}, brandingContext), brandingProp);
-  const handleMenuOpen = React22.useCallback(() => {
-    onToggleMenu(!menuOpen);
-  }, [menuOpen, onToggleMenu]);
-  const getMenuIcon = React22.useCallback(
-    (isExpanded) => {
-      const expandMenuActionText = "Expand";
-      const collapseMenuActionText = "Collapse";
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_Tooltip3.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,
-            {
-              "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, {})
-            }
-          ) })
-        }
-      );
-    },
-    [handleMenuOpen]
-  );
-  const ToolbarActionsSlot = (_a = slots == null ? void 0 : slots.toolbarActions) != null ? _a : ToolbarActions;
-  const ToolbarAccountSlot = (_b = slots == null ? void 0 : slots.toolbarAccount) != null ? _b : (() => null);
-  return /* @__PURE__ */ (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,
-    {
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-      sx: {
-        flexWrap: "wrap",
-        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,
-              {
-                sx: {
-                  display: { xs: "block", md: "none" },
-                  mr: { sm: 1 }
-                },
-                children: getMenuIcon(menuOpen)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              import_Box2.default,
-              {
-                sx: {
-                  display: { xs: "none", md: "block" },
-                  mr: 1
-                },
-                children: getMenuIcon(menuOpen)
-              }
-            )
-          ] }) : null,
-          (slots == null ? void 0 : slots.appTitle) ? /* @__PURE__ */ (0, import_jsx_runtime19.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__ */ (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))
-        ] })
-      ]
-    }
-  ) }) });
-}
-DashboardHeader.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Branding options for the header.
-   * @default null
-   */
-  branding: import_prop_types9.default.shape({
-    homeUrl: import_prop_types9.default.string,
-    logo: import_prop_types9.default.node,
-    title: import_prop_types9.default.string
-  }),
-  /**
-   * Whether the menu icon should always be hidden.
-   * @default false
-   */
-  hideMenuButton: import_prop_types9.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,
-  /**
-   * Callback fired when the menu button is clicked.
-   */
-  onToggleMenu: import_prop_types9.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
-      })
-    }),
-    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
-      }),
-      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
-      })
-    }),
-    toolbarActions: import_prop_types9.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
-  })
-};
-
-// 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";
-};
-var isPageItem = (item) => getItemKind(item) === "page";
-var getItemTitle = (item) => {
-  var _a, _b;
-  return isPageItem(item) ? (_b = (_a = item.title) != null ? _a : item.segment) != null ? _b : "" : item.title;
-};
-function buildItemToPathMap(navigation) {
-  const map = /* @__PURE__ */ new Map();
-  const visit = (item, base) => {
-    if (isPageItem(item)) {
-      const path = `${base.startsWith("/") ? base : `/${base}`}${base && base !== "/" && item.segment ? "/" : ""}${item.segment || ""}` || "/";
-      map.set(item, path);
-      if (item.children) {
-        for (const child of item.children) {
-          visit(child, path);
-        }
-      }
-    }
-  };
-  for (const item of navigation) {
-    visit(item, "");
-  }
-  return map;
-}
-var itemToPathMapCache = /* @__PURE__ */ new WeakMap();
-function getItemToPathMap(navigation) {
-  let map = itemToPathMapCache.get(navigation);
-  if (!map) {
-    map = buildItemToPathMap(navigation);
-    itemToPathMapCache.set(navigation, map);
-  }
-  return map;
-}
-function buildItemLookup(navigation) {
-  const map = /* @__PURE__ */ new Map();
-  const visit = (item) => {
-    if (isPageItem(item)) {
-      const path = getItemPath(navigation, item);
-      if (map.has(path)) {
-        console.warn(`Duplicate path in navigation: ${path}`);
-      }
-      map.set(path, item);
-      if (item.pattern) {
-        const basePath = item.segment ? path.slice(0, -item.segment.length) : path;
-        map.set((0, import_path_to_regexp.pathToRegexp)(basePath + item.pattern).regexp, item);
-      }
-      if (item.children) {
-        for (const child of item.children) {
-          visit(child);
-        }
-      }
-    }
-  };
-  for (const item of navigation) {
-    visit(item);
-  }
-  return map;
-}
-var itemLookupMapCache = /* @__PURE__ */ new WeakMap();
-function getItemLookup(navigation) {
-  let map = itemLookupMapCache.get(navigation);
-  if (!map) {
-    map = buildItemLookup(navigation);
-    itemLookupMapCache.set(navigation, map);
-  }
-  return map;
-}
-function matchPath(navigation, path) {
-  const lookup = getItemLookup(navigation);
-  for (const [key, item] of lookup.entries()) {
-    if (typeof key === "string" && key === path) {
-      return item;
-    }
-    if (key instanceof RegExp && key.test(path)) {
-      return item;
-    }
-  }
-  return null;
-}
-function getItemPath(navigation, item) {
-  const map = getItemToPathMap(navigation);
-  const path = map.get(item);
-  (0, import_invariant4.default)(path, `Item not found in navigation: ${item.title}`);
-  return path;
-}
-function hasSelectedNavigationChildren(navigation, item, activePagePath) {
-  if (item.children) {
-    return item.children.some((nestedItem) => {
-      if (!isPageItem(nestedItem)) {
-        return false;
-      }
-      if (nestedItem.children) {
-        return hasSelectedNavigationChildren(navigation, nestedItem, activePagePath);
-      }
-      return activePagePath === getItemPath(navigation, nestedItem);
-    });
-  }
-  return false;
-}
-
-// src/toolpad-core/DashboardLayout/utils.ts
-function getDrawerSxTransitionMixin(isExpanded, property) {
-  return {
-    transition: (theme) => theme.transitions.create(property, {
-      easing: theme.transitions.easing.sharp,
-      duration: isExpanded ? theme.transitions.duration.enteringScreen : theme.transitions.duration.leavingScreen
-    })
-  };
-}
-function getDrawerWidthTransitionMixin(isExpanded) {
-  return __spreadProps(__spreadValues({}, getDrawerSxTransitionMixin(isExpanded, "width")), {
-    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 pathname = (_a = routerContext == null ? void 0 : routerContext.pathname) != null ? _a : "/";
-  const activeItem = matchPath(navigationContext, pathname);
-  const rootItem = matchPath(navigationContext, "/");
-  return React23.useMemo(() => {
-    if (!activeItem) {
-      return null;
-    }
-    const breadcrumbs = [];
-    if (rootItem) {
-      breadcrumbs.push({
-        title: getItemTitle(rootItem),
-        path: "/"
-      });
-    }
-    const segments = pathname.split("/").filter(Boolean);
-    let prefix = "";
-    for (const segment of segments) {
-      const path = `${prefix}/${segment}`;
-      prefix = path;
-      const item = matchPath(navigationContext, path);
-      if (!item) {
-        continue;
-      }
-      const itemPath = getItemPath(navigationContext, item);
-      const lastCrumb = breadcrumbs[breadcrumbs.length - 1];
-      if ((lastCrumb == null ? void 0 : lastCrumb.path) !== itemPath) {
-        breadcrumbs.push({
-          title: getItemTitle(item),
-          path: itemPath
-        });
-      }
-    }
-    return {
-      title: getItemTitle(activeItem),
-      path: getItemPath(navigationContext, activeItem),
-      breadcrumbs
-    };
-  }, [activeItem, rootItem, pathname, navigationContext]);
-}
-
-// src/toolpad-core/DashboardLayout/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 _a, _b, _c, _d, _e, _f, _g;
-  return {
-    borderRadius: 8,
-    "&.Mui-selected": {
-      "& .MuiListItemIcon-root": {
-        color: ((_a = theme.vars) != null ? _a : theme).palette.primary.dark
-      },
-      "& .MuiTypography-root": {
-        color: ((_b = theme.vars) != null ? _b : theme).palette.primary.dark
-      },
-      "& .MuiSvgIcon-root": {
-        color: ((_c = theme.vars) != null ? _c : theme).palette.primary.dark
-      },
-      "& .MuiAvatar-root": {
-        backgroundColor: ((_d = theme.vars) != null ? _d : theme).palette.primary.dark
-      },
-      "& .MuiTouchRipple-child": {
-        backgroundColor: ((_e = theme.vars) != null ? _e : theme).palette.primary.dark
-      }
-    },
-    "& .MuiSvgIcon-root": {
-      color: ((_f = theme.vars) != null ? _f : theme).palette.action.active
-    },
-    "& .MuiAvatar-root": {
-      backgroundColor: ((_g = theme.vars) != null ? _g : theme).palette.action.active
-    }
-  };
+Object.defineProperty(exports, "ConfirmDialog", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.ConfirmDialog; }
 });
-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 contextAwareProps = __spreadValues(__spreadValues({}, pageItemContextProps), props);
-  const {
-    item,
-    href = getItemPath(navigationContext, item),
-    LinkComponent: LinkComponentProp,
-    expanded = false,
-    selected = false,
-    disabled = false,
-    id,
-    onClick,
-    isMini = false,
-    isSidebarFullyExpanded = true,
-    isSidebarFullyCollapsed = false,
-    renderNestedNavigation
-  } = contextAwareProps;
-  const [hoveredMiniSidebarItemId, setHoveredMiniSidebarItemId] = React24.useState(
-    null
-  );
-  const handleClick = React24.useCallback(() => {
-    onClick(id, item);
-  }, [id, item, onClick]);
-  let nestedNavigationCollapseSx = { display: "none" };
-  if (isMini && isSidebarFullyCollapsed) {
-    nestedNavigationCollapseSx = {
-      fontSize: 18,
-      position: "absolute",
-      top: "41.5%",
-      right: "2px",
-      transform: "translateY(-50%) rotate(-90deg)"
-    };
-  } else if (!isMini && isSidebarFullyExpanded) {
-    nestedNavigationCollapseSx = {
-      ml: 0.5,
-      transform: `rotate(${expanded ? 0 : -90}deg)`,
-      transition: (theme) => theme.transitions.create("transform", {
-        easing: theme.transitions.easing.sharp,
-        duration: 100
-      })
-    };
-  }
-  const hasExternalHref = href.startsWith("http://") || href.startsWith("https://");
-  const LinkComponent = LinkComponentProp != null ? LinkComponentProp : hasExternalHref ? "a" : Link2;
-  const title = getItemTitle(item);
-  const listItem = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-    import_ListItem.default,
-    __spreadProps(__spreadValues({}, item.children && isMini ? {
-      onMouseEnter: () => {
-        setHoveredMiniSidebarItemId(id);
-      },
-      onMouseLeave: () => {
-        setHoveredMiniSidebarItemId(null);
-      }
-    } : {}), {
-      sx: {
-        py: 0,
-        px: 1,
-        overflowX: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-          NavigationListItemButton,
-          __spreadProps(__spreadValues(__spreadValues({
-            selected,
-            disabled,
-            sx: {
-              px: 1.4,
-              height: isMini ? 60 : 48
-            }
-          }, item.children && !isMini ? {
-            onClick: handleClick
-          } : {}), !item.children ? __spreadProps(__spreadValues({
-            LinkComponent
-          }, hasExternalHref ? {
-            target: "_blank",
-            rel: "noopener noreferrer"
-          } : {}), {
-            href,
-            onClick: handleClick
-          }) : {}), {
-            children: [
-              item.icon || isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                import_Box3.default,
-                {
-                  sx: isMini ? {
-                    position: "absolute",
-                    left: "50%",
-                    top: "calc(50% - 6px)",
-                    transform: "translate(-50%, -50%)"
-                  } : {},
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                      import_ListItemIcon.default,
-                      {
-                        sx: {
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          minWidth: LIST_ITEM_ICON_SIZE
-                        },
-                        children: [
-                          (_a = item.icon) != null ? _a : null,
-                          !item.icon && isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                            import_Avatar2.default,
-                            {
-                              sx: {
-                                width: LIST_ITEM_ICON_SIZE - 7,
-                                height: LIST_ITEM_ICON_SIZE - 7,
-                                fontSize: 12
-                              },
-                              children: title.split(" ").slice(0, 2).map((titleWord) => titleWord.charAt(0).toUpperCase())
-                            }
-                          ) : null
-                        ]
-                      }
-                    ),
-                    isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                      import_Typography3.default,
-                      {
-                        variant: "caption",
-                        sx: {
-                          position: "absolute",
-                          bottom: -18,
-                          left: "50%",
-                          transform: "translateX(-50%)",
-                          fontSize: 10,
-                          fontWeight: 500,
-                          textAlign: "center",
-                          whiteSpace: "nowrap",
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                          maxWidth: MINI_DRAWER_WIDTH - 28
-                        },
-                        children: title
-                      }
-                    ) : null
-                  ]
-                }
-              ) : null,
-              !isMini ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                import_ListItemText.default,
-                {
-                  primary: title,
-                  sx: {
-                    ml: 1.2,
-                    whiteSpace: "nowrap",
-                    zIndex: 1
-                  }
-                }
-              ) : null,
-              item.action && !isMini && isSidebarFullyExpanded ? item.action : null,
-              item.children ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ExpandMore.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,
-          {
-            sx: {
-              position: "fixed",
-              left: MINI_DRAWER_WIDTH - 2,
-              pl: "6px"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-              import_Paper.default,
-              {
-                sx: {
-                  pt: 0.5,
-                  pb: 0.5,
-                  transform: "translateY(calc(50% - 30px))"
-                },
-                children: renderNestedNavigation(item.children)
-              }
-            )
-          }
-        ) }) : null
-      ]
-    })
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(React24.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
-  ] }, id);
-}
-DashboardSidebarPageItem.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled: import_prop_types10.default.bool,
-  /**
-   * If `true`, expands any nested navigation in the item, otherwise collapse it.
-   * @default false
-   */
-  expanded: import_prop_types10.default.bool,
-  /**
-   * Link `href` for when the item is rendered as a link.
-   * @default getItemPath(navigationContext, item)
-   */
-  href: import_prop_types10.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
-        }),
-        import_prop_types10.default.shape({
-          kind: import_prop_types10.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
-  }).isRequired,
-  /**
-   * The component used to render the item as a link.
-   * @default Link
-   */
-  LinkComponent: import_prop_types10.default.elementType,
-  /**
-   * Use to apply selected styling.
-   * @default false
-   */
-  selected: import_prop_types10.default.bool
-};
-
-// src/toolpad-core/DashboardLayout/DashboardSidebarSubNavigation.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function DashboardSidebarSubNavigationPageItem({
-  id,
-  item,
-  isExpanded,
-  onClick,
-  depth,
-  onLinkClick,
-  isMini,
-  isFullyExpanded,
-  isFullyCollapsed,
-  sidebarExpandedWidth,
-  renderPageItem
-}) {
-  const navigationContext = React25.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(
-    () => ({
-      expanded: isExpanded,
-      selected: isSelected,
-      id,
-      onClick,
-      isMini,
-      isSidebarFullyExpanded: isFullyExpanded,
-      isSidebarFullyCollapsed: isFullyCollapsed,
-      renderNestedNavigation: () => {
-        var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          DashboardSidebarSubNavigation,
-          {
-            subNavigation: (_a = item.children) != null ? _a : [],
-            depth: depth + 1,
-            onLinkClick,
-            isPopover: isMini,
-            sidebarExpandedWidth
-          }
-        );
-      }
-    }),
-    [
-      depth,
-      id,
-      isExpanded,
-      isFullyCollapsed,
-      isFullyExpanded,
-      isMini,
-      isSelected,
-      item.children,
-      onClick,
-      onLinkClick,
-      sidebarExpandedWidth
-    ]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DashboardSidebarPageItemContext.Provider, { value: pageItemContextProps, children: renderPageItem ? renderPageItem(item, { mini: isMini }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DashboardSidebarPageItem, { item }) });
-}
-function DashboardSidebarSubNavigation({
-  subNavigation,
-  depth = 0,
-  onLinkClick,
-  isMini = false,
-  isPopover = false,
-  isFullyExpanded = true,
-  isFullyCollapsed = false,
-  hasDrawerTransitions = false,
-  sidebarExpandedWidth,
-  renderPageItem
-}) {
-  const navigationContext = React25.useContext(NavigationContext);
-  const activePage = useActivePage();
-  const initialExpandedItemIds = React25.useMemo(
-    () => subNavigation.map((navigationItem, navigationItemIndex) => ({
-      navigationItem,
-      originalIndex: navigationItemIndex
-    })).filter(
-      ({ navigationItem }) => isPageItem(navigationItem) && !!activePage && hasSelectedNavigationChildren(navigationContext, navigationItem, activePage.path)
-    ).map(({ originalIndex }) => `page-${depth}-${originalIndex}`),
-    [activePage, depth, navigationContext, subNavigation]
-  );
-  const [expandedItemIds, setExpandedItemIds] = React25.useState(initialExpandedItemIds);
-  const handlePageItemClick = React25.useCallback(
-    (itemId, item) => {
-      if (item.children && !isMini) {
-        setExpandedItemIds(
-          (previousValue) => previousValue.includes(itemId) ? previousValue.filter((previousValueItemId) => previousValueItemId !== itemId) : [...previousValue, itemId]
-        );
-      } else if (!item.children) {
-        onLinkClick();
-      }
-    },
-    [isMini, onLinkClick]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_List.default,
-    {
-      sx: {
-        padding: 0,
-        mt: isPopover && depth === 1 ? 0.5 : 0,
-        mb: depth === 0 && !isPopover ? 4 : 0.5,
-        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
-        minWidth: isPopover && depth === 1 ? 240 : "auto",
-        width: isMini ? MINI_DRAWER_WIDTH : "auto"
-      },
-      children: subNavigation.map((navigationItem, navigationItemIndex) => {
-        if (navigationItem.kind === "header") {
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_ListSubheader.default,
-            {
-              sx: __spreadProps(__spreadValues({
-                fontSize: 12,
-                fontWeight: "700",
-                height: isMini ? 0 : 40
-              }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isFullyExpanded, "height") : {}), {
-                px: 2,
-                minWidth: sidebarExpandedWidth,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                zIndex: 2
-              }),
-              children: getItemTitle(navigationItem)
-            },
-            `subheader-${depth}-${navigationItemIndex}`
-          );
-        }
-        if (navigationItem.kind === "divider") {
-          const nextItem = subNavigation[navigationItemIndex + 1];
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_Divider2.default,
-            {
-              sx: __spreadValues({
-                borderBottomWidth: 2,
-                mx: 1,
-                mt: 1,
-                mb: (nextItem == null ? void 0 : nextItem.kind) === "header" && !isMini ? 0 : 1
-              }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isFullyExpanded, "margin") : {})
-            }
-          ) }, `divider-${depth}-${navigationItemIndex}`);
-        }
-        const pageItemId = `page-${depth}-${navigationItemIndex}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          DashboardSidebarSubNavigationPageItem,
-          {
-            id: pageItemId,
-            item: navigationItem,
-            isExpanded: expandedItemIds.includes(pageItemId),
-            onClick: handlePageItemClick,
-            depth,
-            onLinkClick,
-            isMini,
-            isFullyExpanded,
-            isFullyCollapsed,
-            sidebarExpandedWidth,
-            renderPageItem
-          },
-          pageItemId
-        );
-      })
-    }
-  );
-}
-
-// src/toolpad-utils/warnOnce.ts
-var history = /* @__PURE__ */ new Set();
-function warnOnce(msg) {
-  if (!history.has(msg)) {
-    history.add(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 {
-    children,
-    branding,
-    navigation: navigationProp,
-    defaultSidebarCollapsed = false,
-    disableCollapsibleSidebar = false,
-    hideNavigation = false,
-    sidebarExpandedWidth = 320,
-    renderPageItem,
-    slots,
-    slotProps,
-    sx
-  } = props;
-  if (navigationProp && process.env.NODE_ENV !== "production") {
-    warnOnce(
-      "The navigation prop in the DashboardLayout component is deprecated and will eventually be removed. Set the navigation prop in the AppProvider instead (https://mui.com/toolpad/core/react-app-provider/#navigation)."
-    );
-  }
-  const theme = (0, import_styles5.useTheme)();
-  const navigationContext = React26.useContext(NavigationContext);
-  const appWindowContext = React26.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)(
-    theme.breakpoints.up("sm"),
-    appWindowContext && {
-      matchMedia: appWindowContext.matchMedia
-    }
-  );
-  const isOverMdViewport = (0, import_useMediaQuery.default)(
-    theme.breakpoints.up("md"),
-    appWindowContext && {
-      matchMedia: appWindowContext.matchMedia
-    }
-  );
-  const isNavigationExpanded = isOverMdViewport ? isDesktopNavigationExpanded : isMobileNavigationExpanded;
-  const setIsNavigationExpanded = React26.useCallback(
-    (newExpanded) => {
-      if (isOverMdViewport) {
-        setIsDesktopNavigationExpanded(newExpanded);
-      } else {
-        setIsMobileNavigationExpanded(newExpanded);
-      }
-    },
-    [isOverMdViewport]
-  );
-  const [isNavigationFullyExpanded, setIsNavigationFullyExpanded] = React26.useState(isNavigationExpanded);
-  const [isNavigationFullyCollapsed, setIsNavigationFullyCollapsed] = React26.useState(!isNavigationExpanded);
-  React26.useEffect(() => {
-    if (isNavigationExpanded) {
-      const drawerWidthTransitionTimeout = setTimeout(() => {
-        setIsNavigationFullyExpanded(true);
-      }, theme.transitions.duration.enteringScreen);
-      return () => clearTimeout(drawerWidthTransitionTimeout);
-    }
-    setIsNavigationFullyExpanded(false);
-    return () => {
-    };
-  }, [isNavigationExpanded, theme]);
-  React26.useEffect(() => {
-    if (!isNavigationExpanded) {
-      const drawerWidthTransitionTimeout = setTimeout(() => {
-        setIsNavigationFullyCollapsed(true);
-      }, theme.transitions.duration.leavingScreen);
-      return () => clearTimeout(drawerWidthTransitionTimeout);
-    }
-    setIsNavigationFullyCollapsed(false);
-    return () => {
-    };
-  }, [isNavigationExpanded, theme]);
-  const handleSetNavigationExpanded = React26.useCallback(
-    (newExpanded) => () => {
-      setIsNavigationExpanded(newExpanded);
-    },
-    [setIsNavigationExpanded]
-  );
-  const handleToggleHeaderMenu = React26.useCallback(
-    (isExpanded) => {
-      setIsNavigationExpanded(isExpanded);
-    },
-    [setIsNavigationExpanded]
-  );
-  const handleNavigationLinkClick = React26.useCallback(() => {
-    setIsMobileNavigationExpanded(false);
-  }, [setIsMobileNavigationExpanded]);
-  const isDesktopMini = !disableCollapsibleSidebar && !isDesktopNavigationExpanded;
-  const isMobileMini = !disableCollapsibleSidebar && !isMobileNavigationExpanded;
-  const hasDrawerTransitions = isOverSmViewport && (!disableCollapsibleSidebar || isOverMdViewport);
-  const SidebarFooterSlot = (_a = slots == null ? void 0 : slots.sidebarFooter) != null ? _a : null;
-  const HeaderSlot = (_b = slots == null ? void 0 : slots.header) != null ? _b : DashboardHeader;
-  const headerSlotProps = React26.useMemo(
-    () => __spreadValues({
-      branding,
-      menuOpen: isNavigationExpanded,
-      onToggleMenu: handleToggleHeaderMenu,
-      hideMenuButton: hideNavigation || isOverMdViewport && disableCollapsibleSidebar,
-      slots: {
-        appTitle: slots == null ? void 0 : slots.appTitle,
-        toolbarActions: slots == null ? void 0 : slots.toolbarActions,
-        toolbarAccount: slots == null ? void 0 : slots.toolbarAccount
-      },
-      slotProps: {
-        appTitle: slotProps == null ? void 0 : slotProps.appTitle,
-        toolbarActions: slotProps == null ? void 0 : slotProps.toolbarActions,
-        toolbarAccount: slotProps == null ? void 0 : slotProps.toolbarAccount
-      }
-    }, slotProps == null ? void 0 : slotProps.header),
-    [
-      branding,
-      isNavigationExpanded,
-      handleToggleHeaderMenu,
-      hideNavigation,
-      isOverMdViewport,
-      disableCollapsibleSidebar,
-      slotProps,
-      slots
-    ]
-  );
-  const getDrawerContent = React26.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,
-          {
-            component: "nav",
-            "aria-label": `${viewport.charAt(0).toUpperCase()}${viewport.slice(1)}`,
-            sx: __spreadValues({
-              height: "100%",
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "space-between",
-              overflow: "auto",
-              scrollbarGutter: isMini ? "stable" : "auto",
-              overflowX: "hidden",
-              pt: ((_a2 = navigation[0]) == null ? void 0 : _a2.kind) === "header" && !isMini ? 0 : 2
-            }, hasDrawerTransitions ? getDrawerSxTransitionMixin(isNavigationFullyExpanded, "padding") : {}),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                DashboardSidebarSubNavigation,
-                {
-                  subNavigation: navigation,
-                  onLinkClick: handleNavigationLinkClick,
-                  isMini,
-                  isFullyExpanded: isNavigationFullyExpanded,
-                  isFullyCollapsed: isNavigationFullyCollapsed,
-                  hasDrawerTransitions,
-                  sidebarExpandedWidth,
-                  renderPageItem
-                }
-              ),
-              SidebarFooterSlot ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SidebarFooterSlot, __spreadValues({ mini: isMini }, slotProps == null ? void 0 : slotProps.sidebarFooter)) : null
-            ]
-          }
-        )
-      ] });
-    },
-    [
-      SidebarFooterSlot,
-      handleNavigationLinkClick,
-      hasDrawerTransitions,
-      isNavigationFullyCollapsed,
-      isNavigationFullyExpanded,
-      navigation,
-      sidebarExpandedWidth,
-      renderPageItem,
-      slotProps == null ? void 0 : slotProps.sidebarFooter
-    ]
-  );
-  const getDrawerSharedSx = React26.useCallback(
-    (isMini, isTemporary) => {
-      const drawerWidth = isMini ? MINI_DRAWER_WIDTH : sidebarExpandedWidth;
-      return __spreadProps(__spreadValues(__spreadValues({
-        displayPrint: "none",
-        width: drawerWidth,
-        flexShrink: 0
-      }, getDrawerWidthTransitionMixin(isNavigationExpanded)), isTemporary ? { position: "absolute" } : {}), {
-        [`& .MuiDrawer-paper`]: __spreadValues({
-          position: "absolute",
-          width: drawerWidth,
-          boxSizing: "border-box",
-          backgroundImage: "none"
-        }, getDrawerWidthTransitionMixin(isNavigationExpanded))
-      });
-    },
-    [isNavigationExpanded, sidebarExpandedWidth]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_Box4.default,
-    {
-      sx: __spreadValues({
-        position: "relative",
-        display: "flex",
-        overflow: "hidden",
-        height: "100vh",
-        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,
-            {
-              container: appWindowContext == null ? void 0 : appWindowContext.document.body,
-              variant: "temporary",
-              open: isMobileNavigationExpanded,
-              onClose: handleSetNavigationExpanded(false),
-              ModalProps: {
-                keepMounted: true
-                // Better open performance on mobile.
-              },
-              sx: __spreadValues({
-                display: {
-                  xs: "block",
-                  sm: disableCollapsibleSidebar ? "block" : "none",
-                  md: "none"
-                }
-              }, getDrawerSharedSx(false, true)),
-              children: getDrawerContent(false, "phone")
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_Drawer.default,
-            {
-              variant: "permanent",
-              sx: __spreadValues({
-                display: {
-                  xs: "none",
-                  sm: disableCollapsibleSidebar ? "none" : "block",
-                  md: "none"
-                }
-              }, getDrawerSharedSx(isMobileMini, false)),
-              children: getDrawerContent(isMobileMini, "tablet")
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_Drawer.default,
-            {
-              variant: "permanent",
-              sx: __spreadValues({
-                display: { xs: "none", md: "block" }
-              }, getDrawerSharedSx(isDesktopMini, false)),
-              children: getDrawerContent(isDesktopMini, "desktop")
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_Box4.default,
-          {
-            sx: {
-              display: "flex",
-              flexDirection: "column",
-              flex: 1,
-              minWidth: 0
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_Toolbar2.default, { sx: { displayPrint: "none" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_Box4.default,
-                {
-                  component: "main",
-                  sx: {
-                    display: "flex",
-                    flexDirection: "column",
-                    flex: 1,
-                    overflow: "auto"
-                  },
-                  children
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-DashboardLayout.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Branding options for the dashboard.
-   * @default null
-   */
-  branding: import_prop_types11.default.shape({
-    homeUrl: import_prop_types11.default.string,
-    logo: import_prop_types11.default.node,
-    title: import_prop_types11.default.string
-  }),
-  /**
-   * The content of the dashboard.
-   */
-  children: import_prop_types11.default.node,
-  /**
-   * Whether the sidebar should start collapsed in desktop size screens.
-   * @default false
-   */
-  defaultSidebarCollapsed: import_prop_types11.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,
-  /**
-   * Whether the navigation bar and menu icon should be hidden.
-   * @default false
-   */
-  hideNavigation: import_prop_types11.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
-            }),
-            import_prop_types11.default.shape({
-              kind: import_prop_types11.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
-      }),
-      import_prop_types11.default.shape({
-        kind: import_prop_types11.default.oneOf(["header"]).isRequired,
-        title: import_prop_types11.default.string.isRequired
-      }),
-      import_prop_types11.default.shape({
-        kind: import_prop_types11.default.oneOf(["divider"]).isRequired
-      })
-    ]).isRequired
-  ),
-  /**
-   * Render each page item.
-   *
-   * @param {NavigationPageItem} item
-   * @param {{ mini: boolean }} params
-   * @returns {ReactNode}
-   */
-  renderPageItem: import_prop_types11.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]),
-  /**
-   * 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
-      })
-    }),
-    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
-      }),
-      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
-      }),
-      slots: import_prop_types11.default.shape({
-        appTitle: import_prop_types11.default.elementType,
-        toolbarAccount: import_prop_types11.default.elementType,
-        toolbarActions: import_prop_types11.default.elementType
-      })
-    }),
-    sidebarFooter: import_prop_types11.default.shape({
-      mini: import_prop_types11.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
-      }),
-      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
-      })
-    }),
-    toolbarActions: import_prop_types11.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
-  }),
-  /**
-   * 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
-  ])
-};
-
-// 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 }) => ({
-  display: "flex",
-  flexDirection: "row",
-  gap: theme.spacing(1),
-  // Ensure the toolbar is always on the right side, even after wrapping
-  marginLeft: "auto"
-}));
-function PageHeaderToolbar(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PageHeaderToolbarRoot, __spreadValues({}, props));
-}
-PageHeaderToolbar.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: import_prop_types12.default.node
-};
-
-// src/toolpad-core/PageContainer/PageHeader.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var PageContentHeader = (0, import_material7.styled)("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "space-between",
-  gap: theme.spacing(2)
-}));
-function PageHeader(props) {
-  var _a, _b, _c, _d, _e;
-  const { breadcrumbs, title } = props;
-  const activePage = useActivePage();
-  const resolvedBreadcrumbs = (_a = breadcrumbs != null ? breadcrumbs : activePage == null ? void 0 : activePage.breadcrumbs) != null ? _a : [];
-  const resolvedTitle = (_b = title != null ? title : activePage == null ? void 0 : activePage.title) != null ? _b : "";
-  const ToolbarComponent = (_d = (_c = props == null ? void 0 : props.slots) == null ? void 0 : _c.toolbar) != null ? _d : PageHeaderToolbar;
-  const toolbarSlotProps = (0, import_useSlotProps2.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,
-        {
-          component: Link2,
-          underline: "hover",
-          color: "inherit",
-          href: item.path,
-          children: getItemTitle(item)
-        },
-        index
-      ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Typography4.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))
-    ] })
-  ] });
-}
-PageHeader.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
-   */
-  breadcrumbs: import_prop_types13.default.arrayOf(
-    import_prop_types13.default.shape({
-      path: import_prop_types13.default.string,
-      title: import_prop_types13.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
-    }).isRequired
-  }),
-  /**
-   * The components used for each slot inside.
-   */
-  slots: import_prop_types13.default.shape({
-    toolbar: import_prop_types13.default.elementType
-  }),
-  /**
-   * The title of the page. Leave blank to use the active page title.
-   */
-  title: import_prop_types13.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 })
-  ] }) }));
-}
-PageContainer.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
-   */
-  breadcrumbs: import_prop_types14.default.arrayOf(
-    import_prop_types14.default.shape({
-      path: import_prop_types14.default.string,
-      title: import_prop_types14.default.string.isRequired
-    })
-  ),
-  /**
-   * @ignore
-   */
-  children: import_prop_types14.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: import_prop_types14.default.shape({
-        toolbar: import_prop_types14.default.object.isRequired
-      }),
-      slots: import_prop_types14.default.shape({
-        toolbar: import_prop_types14.default.elementType
-      }),
-      title: import_prop_types14.default.string
-    }).isRequired
-  }),
-  /**
-   * The components used for each slot inside.
-   */
-  slots: import_prop_types14.default.shape({
-    header: import_prop_types14.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
-  ]),
-  /**
-   * The title of the page. Leave blank to use the active page title.
-   */
-  title: import_prop_types14.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
+Object.defineProperty(exports, "DashboardHeader", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.DashboardHeader; }
+});
+Object.defineProperty(exports, "DashboardLayout", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.DashboardLayout; }
+});
+Object.defineProperty(exports, "DashboardSidebarPageItem", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.DashboardSidebarPageItem; }
+});
+Object.defineProperty(exports, "PageContainer", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.PageContainer; }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.PageHeader; }
+});
+Object.defineProperty(exports, "PageHeaderToolbar", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.PageHeaderToolbar; }
+});
+Object.defineProperty(exports, "PromptDialog", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.PromptDialog; }
+});
+Object.defineProperty(exports, "SignInButton", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.SignInButton; }
+});
+Object.defineProperty(exports, "SignOutButton", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.SignOutButton; }
+});
+Object.defineProperty(exports, "ThemeSwitcher", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.ThemeSwitcher; }
+});
+Object.defineProperty(exports, "ToolbarActions", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.ToolbarActions; }
+});
+Object.defineProperty(exports, "useActivePage", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.useActivePage; }
+});
+Object.defineProperty(exports, "useDialogs", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.useDialogs; }
+});
+Object.defineProperty(exports, "useNotifications", {
+  enumerable: true,
+  get: function () { return chunkSITC3EZQ_js.useNotifications; }
+});
+Object.defineProperty(exports, "AppProvider", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.AppProvider; }
+});
+Object.defineProperty(exports, "AuthenticationContext", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.AuthenticationContext; }
+});
+Object.defineProperty(exports, "DialogsProvider", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.DialogsProvider; }
+});
+Object.defineProperty(exports, "LocalizationContext", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.LocalizationContext; }
+});
+Object.defineProperty(exports, "LocalizationProvider", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.LocalizationProvider; }
+});
+Object.defineProperty(exports, "NotificationsProvider", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.NotificationsProvider; }
+});
+Object.defineProperty(exports, "SessionContext", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.SessionContext; }
+});
+Object.defineProperty(exports, "en", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.en_default; }
+});
+Object.defineProperty(exports, "useLocalStorageState", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.useLocalStorageState; }
+});
+Object.defineProperty(exports, "useLocaleText", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.useLocaleText; }
+});
+Object.defineProperty(exports, "useStorageState", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.useStorageState; }
+});
+Object.defineProperty(exports, "useStorageStateServer", {
+  enumerable: true,
+  get: function () { return chunkSWAF5R4Y_js.useStorageStateServer; }
 });