@iowas/toolpad 1.0.0 → 1.0.1

package/dist/nextjs.mjs

@@ -1,76 +1,747 @@
-import {
-  AppProvider
-} from "./chunk-LUTZBKSG.mjs";
-import {
-  asArray
-} from "./chunk-UNVYOWC2.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-3JWXE2JW.mjs";
-
-// src/toolpad-core/nextjs/NextAppProvider.tsx
-import { useRouter as useRouter3 } from "next/compat/router.js";
+'use client';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 
 // src/toolpad-core/nextjs/NextAppProviderApp.tsx
-import * as React from "react";
+import * as React11 from "react";
 import NextLink from "next/link.js";
 import { usePathname, useSearchParams, useRouter } from "next/navigation.js";
+
+// src/toolpad-core/AppProvider/AppProvider.tsx
+import * as React10 from "react";
+import PropTypes2 from "prop-types";
+import { createTheme } from "@mui/material/styles";
+
+// src/toolpad-core/useNotifications/NotificationsContext.ts
+import * as React from "react";
+var NotificationsContext = React.createContext(null);
+
+// src/toolpad-core/useNotifications/NotificationsProvider.tsx
+import * as React4 from "react";
+import {
+  Alert,
+  Badge,
+  Button,
+  IconButton,
+  Snackbar,
+  SnackbarContent
+} from "@mui/material";
+import CloseIcon from "@mui/icons-material/Close";
+import useSlotProps from "@mui/utils/useSlotProps";
+
+// src/toolpad-core/AppProvider/LocalizationProvider.tsx
+import * as React2 from "react";
+import PropTypes from "prop-types";
+import { useTheme } from "@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);
+
+// src/toolpad-core/AppProvider/LocalizationProvider.tsx
 import { jsx } from "react/jsx-runtime";
-var Link = React.forwardRef((props, ref) => {
-  const _a = props, { href, history } = _a, rest = __objRest(_a, ["href", "history"]);
-  return /* @__PURE__ */ jsx(NextLink, __spreadValues({ ref, href, replace: history === "replace" }, rest));
-});
-function NextAppProviderApp(props) {
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const { push, replace } = useRouter();
-  const navigate = React.useCallback(
-    (url, { history = "auto" } = {}) => {
-      if (history === "auto" || history === "push") {
-        return push(String(url));
+var LocalizationContext = React2.createContext({});
+var LocalizationProvider = function LocalizationProvider2(props) {
+  var _a, _b, _c;
+  const { localeText: propsLocaleText, children } = props;
+  const theme = 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 defaultLocaleText2 = en_default.components.MuiLocalizationProvider.defaultProps.localeText;
+  const localeText = React2.useMemo(
+    () => __spreadValues(__spreadValues(__spreadValues({}, defaultLocaleText2), themeLocaleText), propsLocaleText),
+    [defaultLocaleText2, themeLocaleText, propsLocaleText]
+  );
+  return /* @__PURE__ */ 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: PropTypes.node,
+  /**
+   * Locale for components texts
+   */
+  localeText: PropTypes.object
+};
+function useLocaleText() {
+  return React2.useContext(LocalizationContext);
+}
+
+// src/toolpad-utils/react.tsx
+import * as React3 from "react";
+import * as ReactIs from "react-is";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function useNonNullableContext(context, name) {
+  const maybeContext = React3.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
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var RootPropsContext = React4.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 = React4.useCallback(
+    (event, reason) => {
+      if (reason === "clickaway") {
+        return;
       }
-      if (history === "replace") {
-        return replace(String(url));
+      close(notificationKey);
+    },
+    [notificationKey, close]
+  );
+  const action = /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+    onAction ? /* @__PURE__ */ jsx3(Button, { color: "inherit", size: "small", onClick: onAction, children: actionText != null ? actionText : "Action" }) : null,
+    /* @__PURE__ */ jsx3(
+      IconButton,
+      {
+        size: "small",
+        "aria-label": localeText == null ? void 0 : localeText.close,
+        title: localeText == null ? void 0 : localeText.close,
+        color: "inherit",
+        onClick: handleClose,
+        children: /* @__PURE__ */ jsx3(CloseIcon, { fontSize: "small" })
       }
-      throw new Error(`Invalid history option: ${history}`);
+    )
+  ] });
+  const props = React4.useContext(RootPropsContext);
+  const SnackbarComponent = (_b = (_a = props == null ? void 0 : props.slots) == null ? void 0 : _a.snackbar) != null ? _b : Snackbar;
+  const snackbarSlotProps = useSlotProps({
+    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__ */ jsx3(SnackbarComponent, __spreadProps(__spreadValues({}, snackbarSlotProps), { children: /* @__PURE__ */ jsx3(Badge, { badgeContent: badge, color: "primary", sx: { width: "100%" }, children: severity ? /* @__PURE__ */ jsx3(Alert, { severity, sx: { width: "100%" }, action, children: message }) : /* @__PURE__ */ jsx3(SnackbarContent, { message, action }) }) }), notificationKey);
+}
+function Notifications({ state }) {
+  var _a;
+  const currentNotification = (_a = state.queue[0]) != null ? _a : null;
+  return currentNotification ? /* @__PURE__ */ jsx3(
+    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] = React4.useState({ queue: [] });
+  const show = React4.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 = React4.useCallback((key) => {
+    setState((prev) => __spreadProps(__spreadValues({}, prev), {
+      queue: prev.queue.filter((n) => n.notificationKey !== key)
+    }));
+  }, []);
+  const contextValue = React4.useMemo(() => ({ show, close }), [show, close]);
+  return /* @__PURE__ */ jsx3(RootPropsContext.Provider, { value: props, children: /* @__PURE__ */ jsxs(NotificationsContext.Provider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsx3(Notifications, { state })
+  ] }) });
+}
+
+// src/toolpad-core/useDialogs/DialogsContext.tsx
+import * as React5 from "react";
+var DialogsContext = React5.createContext(null);
+
+// src/toolpad-core/shared/context.ts
+import * as React6 from "react";
+var BrandingContext = React6.createContext(null);
+var NavigationContext = React6.createContext([]);
+var PaletteModeContext = React6.createContext({
+  paletteMode: "light",
+  setPaletteMode: () => {
+  },
+  isDualTheme: false
+});
+var RouterContext = React6.createContext(null);
+var DashboardSidebarPageItemContext = React6.createContext(null);
+var WindowContext = React6.createContext(void 0);
+
+// src/toolpad-core/useDialogs/DialogsProvider.tsx
+import invariant from "invariant";
+import * as React7 from "react";
+import useEventCallback from "@mui/utils/useEventCallback";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function DialogsProvider(props) {
+  const { children, unmountAfter = 1e3 } = props;
+  const [stack, setStack] = React7.useState([]);
+  const keyPrefix = React7.useId();
+  const nextId2 = React7.useRef(0);
+  const dialogMetadata = React7.useRef(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback(function open(Component, payload, options = {}) {
+    const { onClose = async () => {
+    } } = options;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    invariant(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 = useEventCallback(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 = useEventCallback(async function closeDialog2(dialog, result) {
+    const entryToClose = dialogMetadata.current.get(dialog);
+    invariant(entryToClose, "dialog not found");
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog);
+    }
+    return dialog;
+  });
+  const contextValue = React7.useMemo(
+    () => ({ open: requestDialog, close: closeDialog }),
+    [requestDialog, closeDialog]
+  );
+  return /* @__PURE__ */ jsxs2(DialogsContext.Provider, { value: contextValue, children: [
+    children,
+    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsx4(
+      Component,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
+// src/toolpad-core/AppProvider/AppThemeProvider.tsx
+import * as React9 from "react";
+import { useMediaQuery } from "@mui/material";
+import { ThemeProvider, useColorScheme } from "@mui/material/styles";
+import InitColorSchemeScript from "@mui/material/InitColorSchemeScript";
+import CssBaseline from "@mui/material/CssBaseline";
+import invariant2 from "invariant";
+
+// src/toolpad-core/persistence/useStorageState.tsx
+import * as React8 from "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] = React8.useState(initializer);
+  const encodedInitialValue = React8.useMemo(
+    () => encode(codec, initialValue),
+    [codec, initialValue]
+  );
+  const subscribeKey = React8.useCallback(
+    (callback) => subscribe(area, key, callback),
+    [area, key]
+  );
+  const getKeySnapshot = React8.useCallback(
+    () => {
+      var _a2;
+      return (_a2 = getSnapshot(area, key)) != null ? _a2 : encodedInitialValue;
     },
-    [push, replace]
+    [area, encodedInitialValue, key]
+  );
+  const encodedStoredValue = React8.useSyncExternalStore(
+    subscribeKey,
+    getKeySnapshot,
+    getKeyServerSnapshot
+  );
+  const storedValue = React8.useMemo(
+    () => decode(codec, encodedStoredValue),
+    [codec, encodedStoredValue]
+  );
+  const setStoredValue = React8.useCallback(
+    (value) => {
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      const encodedValueToStore = encode(codec, valueToStore);
+      setValue(area, key, encodedValueToStore);
+    },
+    [area, codec, storedValue, key]
   );
-  const routerImpl = React.useMemo(
+  const [nonStoredValue, setNonStoredValue] = React8.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
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var COLOR_SCHEME_STORAGE_KEY = "toolpad-color-scheme";
+var MODE_STORAGE_KEY = "toolpad-mode";
+function usePreferredMode(window2) {
+  const prefersDarkMode = 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;
+  invariant2(!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 = React9.useMemo(
+    () => {
+      var _a;
+      return isDualTheme ? (_a = theme[paletteMode === "dark" ? "dark" : "light"]) != null ? _a : theme[paletteMode === "dark" ? "light" : "dark"] : theme;
+    },
+    [isDualTheme, paletteMode, theme]
+  );
+  const paletteModeContextValue = React9.useMemo(
     () => ({
-      pathname,
-      searchParams,
-      navigate,
-      Link
+      paletteMode,
+      setPaletteMode: setUserMode,
+      isDualTheme
     }),
-    [pathname, navigate, searchParams]
+    [isDualTheme, paletteMode, setUserMode]
   );
-  return /* @__PURE__ */ jsx(AppProvider, __spreadValues({ router: routerImpl }, props));
+  return /* @__PURE__ */ jsx5(ThemeProvider, { theme: dualAwareTheme, children: /* @__PURE__ */ jsxs3(PaletteModeContext.Provider, { value: paletteModeContextValue, children: [
+    /* @__PURE__ */ jsx5(CssBaseline, { enableColorScheme: true }),
+    children
+  ] }) });
+}
+function CssVarsPaletteModeProvider(props) {
+  const { children, window: appWindow } = props;
+  const preferredMode = usePreferredMode(appWindow);
+  const { mode, setMode, allColorSchemes } = useColorScheme();
+  const paletteModeContextValue = React9.useMemo(() => {
+    return {
+      paletteMode: !mode || mode === "system" ? preferredMode : mode,
+      setPaletteMode: setMode,
+      isDualTheme: allColorSchemes.length > 1
+    };
+  }, [allColorSchemes, mode, preferredMode, setMode]);
+  return /* @__PURE__ */ jsx5(PaletteModeContext.Provider, { value: paletteModeContextValue, children });
+}
+function CssVarsThemeProvider(props) {
+  const { children, theme, window: appWindow, nonce } = props;
+  invariant2(isCssVarsTheme(theme), "This provider only accepts CSS vars themes.");
+  return /* @__PURE__ */ jsxs3(
+    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__ */ jsx5(
+          InitColorSchemeScript,
+          {
+            attribute: theme.colorSchemeSelector,
+            colorSchemeStorageKey: COLOR_SCHEME_STORAGE_KEY,
+            modeStorageKey: MODE_STORAGE_KEY,
+            nonce
+          }
+        ),
+        /* @__PURE__ */ jsxs3(CssVarsPaletteModeProvider, { window: appWindow, children: [
+          /* @__PURE__ */ jsx5(CssBaseline, { enableColorScheme: true }),
+          children
+        ] })
+      ]
+    }
+  );
+}
+function AppThemeProvider(props) {
+  const _a = props, { children, theme } = _a, rest = __objRest(_a, ["children", "theme"]);
+  const useCssVarsProvider = isCssVarsTheme(theme);
+  return useCssVarsProvider ? /* @__PURE__ */ jsx5(CssVarsThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children })) : /* @__PURE__ */ jsx5(LegacyThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children }));
 }
 
-// src/toolpad-core/nextjs/NextAppProviderPages.tsx
-import * as React2 from "react";
-import NextLink2 from "next/link.js";
-import { useRouter as useRouter2 } from "next/router.js";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Link2 = React2.forwardRef((props, ref) => {
+// src/toolpad-core/AppProvider/AppProvider.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var AuthenticationContext = React10.createContext(null);
+var SessionContext = React10.createContext(null);
+function createDefaultTheme() {
+  return 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__ */ jsx6(WindowContext.Provider, { value: appWindow, children: /* @__PURE__ */ jsx6(AuthenticationContext.Provider, { value: authentication, children: /* @__PURE__ */ jsx6(SessionContext.Provider, { value: session, children: /* @__PURE__ */ jsx6(RouterContext.Provider, { value: router, children: /* @__PURE__ */ jsx6(AppThemeProvider, { theme, window: appWindow, nonce, children: /* @__PURE__ */ jsx6(LocalizationProvider, { localeText, children: /* @__PURE__ */ jsx6(NotificationsProvider, { children: /* @__PURE__ */ jsx6(DialogsProvider, { children: /* @__PURE__ */ jsx6(BrandingContext.Provider, { value: branding, children: /* @__PURE__ */ jsx6(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: PropTypes2.shape({
+    signIn: PropTypes2.func.isRequired,
+    signOut: PropTypes2.func.isRequired
+  }),
+  /**
+   * Branding options for the app.
+   * @default null
+   */
+  branding: PropTypes2.shape({
+    homeUrl: PropTypes2.string,
+    logo: PropTypes2.node,
+    title: PropTypes2.string
+  }),
+  /**
+   * The content of the app provider.
+   */
+  children: PropTypes2.node,
+  /**
+   * Locale text for components
+   */
+  localeText: PropTypes2.object,
+  /**
+   * Navigation definition for the app. [Find out more](https://mui.com/toolpad/core/react-app-provider/#navigation).
+   * @default []
+   */
+  navigation: PropTypes2.arrayOf(
+    PropTypes2.oneOfType([
+      PropTypes2.shape({
+        action: PropTypes2.node,
+        children: PropTypes2.arrayOf(
+          PropTypes2.oneOfType([
+            PropTypes2.object,
+            PropTypes2.shape({
+              kind: PropTypes2.oneOf(["header"]).isRequired,
+              title: PropTypes2.string.isRequired
+            }),
+            PropTypes2.shape({
+              kind: PropTypes2.oneOf(["divider"]).isRequired
+            })
+          ]).isRequired
+        ),
+        icon: PropTypes2.node,
+        kind: PropTypes2.oneOf(["page"]),
+        pattern: PropTypes2.string,
+        segment: PropTypes2.string,
+        title: PropTypes2.string
+      }),
+      PropTypes2.shape({
+        kind: PropTypes2.oneOf(["header"]).isRequired,
+        title: PropTypes2.string.isRequired
+      }),
+      PropTypes2.shape({
+        kind: PropTypes2.oneOf(["divider"]).isRequired
+      })
+    ]).isRequired
+  ),
+  /**
+   * The nonce to be used for inline scripts.
+   */
+  nonce: PropTypes2.string,
+  /**
+   * Router implementation used inside Toolpad components.
+   * @default null
+   */
+  router: PropTypes2.shape({
+    Link: PropTypes2.elementType,
+    navigate: PropTypes2.func.isRequired,
+    pathname: PropTypes2.string.isRequired,
+    searchParams: PropTypes2.instanceOf(URLSearchParams).isRequired
+  }),
+  /**
+   * Session info about the current user.
+   * @default null
+   */
+  session: PropTypes2.shape({
+    user: PropTypes2.shape({
+      email: PropTypes2.string,
+      id: PropTypes2.string,
+      image: PropTypes2.string,
+      name: PropTypes2.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: PropTypes2.object,
+  /**
+   * The window where the application is rendered.
+   * This is needed when rendering the app inside an iframe, for example.
+   * @default window
+   */
+  window: PropTypes2.object
+};
+
+// src/toolpad-core/nextjs/NextAppProviderApp.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Link = React11.forwardRef((props, ref) => {
   const _a = props, { href, history } = _a, rest = __objRest(_a, ["href", "history"]);
-  return /* @__PURE__ */ jsx2(NextLink2, __spreadValues({ ref, href, replace: history === "replace" }, rest));
+  return /* @__PURE__ */ jsx7(NextLink, __spreadValues({ ref, href, replace: history === "replace" }, rest));
 });
-function NextAppProviderPages(props) {
-  const { push, replace, asPath, query } = useRouter2();
-  const search = React2.useMemo(() => {
-    const params = new URLSearchParams();
-    Object.entries(query != null ? query : {}).forEach(([key, value]) => {
-      asArray(value != null ? value : []).forEach((v) => {
-        params.append(key, v);
-      });
-    });
-    return params.toString();
-  }, [query]);
-  const searchParams = React2.useMemo(() => new URLSearchParams(search), [search]);
-  const navigate = React2.useCallback(
+function NextAppProviderApp(props) {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const { push, replace } = useRouter();
+  const navigate = React11.useCallback(
     (url, { history = "auto" } = {}) => {
       if (history === "auto" || history === "push") {
         return push(String(url));
@@ -82,24 +753,23 @@ function NextAppProviderPages(props) {
     },
     [push, replace]
   );
-  const routerImpl = React2.useMemo(
+  const routerImpl = React11.useMemo(
     () => ({
-      pathname: asPath.split("?")[0],
+      pathname,
       searchParams,
       navigate,
-      Link: Link2
+      Link
     }),
-    [asPath, navigate, searchParams]
+    [pathname, navigate, searchParams]
   );
-  return /* @__PURE__ */ jsx2(AppProvider, __spreadValues({ router: routerImpl }, props));
+  return /* @__PURE__ */ jsx7(AppProvider, __spreadValues({ router: routerImpl }, props));
 }
 
 // src/toolpad-core/nextjs/NextAppProvider.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function NextAppProvider(props) {
-  const router = useRouter3();
-  const AppProvider2 = router ? NextAppProviderPages : NextAppProviderApp;
-  return /* @__PURE__ */ jsx3(AppProvider2, __spreadValues({}, props));
+  const AppProvider2 = NextAppProviderApp;
+  return /* @__PURE__ */ jsx8(AppProvider2, __spreadValues({}, props));
 }
 export {
   NextAppProvider