@iowas/toolpad 1.0.4 → 1.0.5

package/dist/chunk-3JWXE2JW.mjs

@@ -1,3 +1,7 @@
+import * as React from 'react';
+import * as ReactIs from 'react-is';
+import { jsx } from 'react/jsx-runtime';
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -29,11 +33,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-
-// src/toolpad-utils/react.tsx
-import * as React from "react";
-import * as ReactIs from "react-is";
-import { jsx } from "react/jsx-runtime";
 function interleave(items, separator) {
   const result = [];
   for (let i = 0; i < items.length; i += 1) {
@@ -112,14 +111,4 @@ function createGlobalState(initialState) {
   };
 }
 
-export {
-  __spreadValues,
-  __spreadProps,
-  __objRest,
-  interleave,
-  useNonNullableContext,
-  createProvidedContext,
-  useAssertedContext,
-  useTraceUpdates,
-  createGlobalState
-};
+export { __objRest, __spreadProps, __spreadValues, createGlobalState, createProvidedContext, interleave, useAssertedContext, useNonNullableContext, useTraceUpdates };

package/dist/chunk-5B2NQDIH.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var React = require('react');
+var ReactIs = require('react-is');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactIs__namespace = /*#__PURE__*/_interopNamespace(ReactIs);
+
+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;
+};
+function interleave(items, separator) {
+  const result = [];
+  for (let i = 0; i < items.length; i += 1) {
+    if (i > 0) {
+      if (ReactIs__namespace.isElement(separator)) {
+        result.push(React__namespace.cloneElement(separator, { key: `separator-${i}` }));
+      } else {
+        result.push(separator);
+      }
+    }
+    const item = items[i];
+    result.push(item);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: result });
+}
+function useNonNullableContext(context, name) {
+  const maybeContext = React__namespace.useContext(context);
+  if (maybeContext === null || maybeContext === void 0) {
+    throw new Error(`context "${name}" was used without a Provider`);
+  }
+  return maybeContext;
+}
+function createProvidedContext(name) {
+  const context = React__namespace.createContext(void 0);
+  const useContext2 = () => useNonNullableContext(context, name);
+  return [useContext2, context.Provider];
+}
+function useAssertedContext(context) {
+  const value = React__namespace.useContext(context);
+  if (value === void 0) {
+    throw new Error("context was used without a Provider");
+  }
+  return value;
+}
+function useTraceUpdates(prefix, props) {
+  const prev = React__namespace.useRef(props);
+  React__namespace.useEffect(() => {
+    const changedProps = {};
+    for (const key of Object.keys(props)) {
+      if (!Object.is(prev.current[key], props[key])) {
+        changedProps[key] = props[key];
+      }
+    }
+    if (Object.keys(changedProps).length > 0) {
+      console.log(`${prefix} changed props:`, changedProps);
+    }
+    prev.current = props;
+  });
+}
+function createGlobalState(initialState) {
+  let state = initialState;
+  const listeners = [];
+  const subscribe = (cb) => {
+    listeners.push(cb);
+    return () => {
+      const index = listeners.indexOf(cb);
+      listeners.splice(index, 1);
+    };
+  };
+  const getState = () => state;
+  const setState = (newState) => {
+    state = typeof newState === "function" ? newState(state) : newState;
+    listeners.forEach((cb) => cb(state));
+  };
+  const useValue = () => React__namespace.useSyncExternalStore(subscribe, getState, getState);
+  const useState = () => {
+    const value = useValue();
+    return [value, setState];
+  };
+  return {
+    getState,
+    setState,
+    useValue,
+    useState,
+    subscribe
+  };
+}
+
+exports.__objRest = __objRest;
+exports.__spreadProps = __spreadProps;
+exports.__spreadValues = __spreadValues;
+exports.createGlobalState = createGlobalState;
+exports.createProvidedContext = createProvidedContext;
+exports.interleave = interleave;
+exports.useAssertedContext = useAssertedContext;
+exports.useNonNullableContext = useNonNullableContext;
+exports.useTraceUpdates = useTraceUpdates;

package/dist/chunk-BN55HN4U.js

@@ -0,0 +1,12 @@
+'use strict';
+
+// src/toolpad-utils/warnOnce.ts
+var history = /* @__PURE__ */ new Set();
+function warnOnce(msg) {
+  if (!history.has(msg)) {
+    history.add(msg);
+    console.warn(msg);
+  }
+}
+
+exports.warnOnce = warnOnce;

package/dist/chunk-F6JD4MSY.mjs

@@ -7,6 +7,4 @@ function warnOnce(msg) {
   }
 }
 
-export {
-  warnOnce
-};
+export { warnOnce };

package/dist/chunk-LUTZBKSG.mjs

@@ -1,9 +1,15 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  useNonNullableContext
-} from "./chunk-3JWXE2JW.mjs";
+import { __spreadValues, __spreadProps, __objRest, useNonNullableContext } from './chunk-3JWXE2JW.mjs';
+import * as React3 from 'react';
+import PropTypes2 from 'prop-types';
+import { useTheme, createTheme, ThemeProvider, useColorScheme } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Button, IconButton, Snackbar, Badge, Alert, SnackbarContent, useMediaQuery } from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
+import useSlotProps from '@mui/utils/useSlotProps';
+import invariant from 'invariant';
+import useEventCallback from '@mui/utils/useEventCallback';
+import InitColorSchemeScript from '@mui/material/InitColorSchemeScript';
+import CssBaseline from '@mui/material/CssBaseline';
 
 // src/toolpad-core/locales/getLocalization.ts
 var getLocalization = (translations) => {
@@ -67,20 +73,14 @@ var enLabels = {
   deletedItemMessage: "This item has been deleted."
 };
 var en_default = getLocalization(enLabels);
-
-// src/toolpad-core/AppProvider/LocalizationProvider.tsx
-import * as React from "react";
-import PropTypes from "prop-types";
-import { useTheme } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
-var LocalizationContext = React.createContext({});
+var LocalizationContext = React3.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 = React.useMemo(
+  const localeText = React3.useMemo(
     () => __spreadValues(__spreadValues(__spreadValues({}, defaultLocaleText2), themeLocaleText), propsLocaleText),
     [defaultLocaleText2, themeLocaleText, propsLocaleText]
   );
@@ -94,35 +94,16 @@ LocalizationProvider.propTypes = {
   /**
    * @ignore
    */
-  children: PropTypes.node,
+  children: PropTypes2.node,
   /**
    * Locale for components texts
    */
-  localeText: PropTypes.object
+  localeText: PropTypes2.object
 };
 function useLocaleText() {
-  return React.useContext(LocalizationContext);
+  return React3.useContext(LocalizationContext);
 }
-
-// src/toolpad-core/useNotifications/NotificationsProvider.tsx
-import * as React3 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/useNotifications/NotificationsContext.ts
-import * as React2 from "react";
-var NotificationsContext = React2.createContext(null);
-
-// src/toolpad-core/useNotifications/NotificationsProvider.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var NotificationsContext = React3.createContext(null);
 var RootPropsContext = React3.createContext(null);
 var defaultLocaleText = {
   close: "Close"
@@ -143,8 +124,8 @@ function Notification({ notificationKey, open, message, options, badge }) {
     [notificationKey, close]
   );
   const action = /* @__PURE__ */ jsxs(React3.Fragment, { children: [
-    onAction ? /* @__PURE__ */ jsx2(Button, { color: "inherit", size: "small", onClick: onAction, children: actionText != null ? actionText : "Action" }) : null,
-    /* @__PURE__ */ jsx2(
+    onAction ? /* @__PURE__ */ jsx(Button, { color: "inherit", size: "small", onClick: onAction, children: actionText != null ? actionText : "Action" }) : null,
+    /* @__PURE__ */ jsx(
       IconButton,
       {
         size: "small",
@@ -152,7 +133,7 @@ function Notification({ notificationKey, open, message, options, badge }) {
         title: localeText == null ? void 0 : localeText.close,
         color: "inherit",
         onClick: handleClose,
-        children: /* @__PURE__ */ jsx2(CloseIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
       }
     )
   ] });
@@ -169,12 +150,12 @@ function Notification({ notificationKey, open, message, options, badge }) {
       action
     }
   });
-  return /* @__PURE__ */ jsx2(SnackbarComponent, __spreadProps(__spreadValues({}, snackbarSlotProps), { children: /* @__PURE__ */ jsx2(Badge, { badgeContent: badge, color: "primary", sx: { width: "100%" }, children: severity ? /* @__PURE__ */ jsx2(Alert, { severity, sx: { width: "100%" }, action, children: message }) : /* @__PURE__ */ jsx2(SnackbarContent, { message, action }) }) }), notificationKey);
+  return /* @__PURE__ */ jsx(SnackbarComponent, __spreadProps(__spreadValues({}, snackbarSlotProps), { children: /* @__PURE__ */ jsx(Badge, { badgeContent: badge, color: "primary", sx: { width: "100%" }, children: severity ? /* @__PURE__ */ jsx(Alert, { severity, sx: { width: "100%" }, action, children: message }) : /* @__PURE__ */ jsx(SnackbarContent, { message, action }) }) }), notificationKey);
 }
 function Notifications({ state }) {
   var _a;
   const currentNotification = (_a = state.queue[0]) != null ? _a : null;
-  return currentNotification ? /* @__PURE__ */ jsx2(
+  return currentNotification ? /* @__PURE__ */ jsx(
     Notification,
     __spreadProps(__spreadValues({}, currentNotification), {
       badge: state.queue.length > 1 ? String(state.queue.length) : null
@@ -209,29 +190,18 @@ function NotificationsProvider(props) {
     }));
   }, []);
   const contextValue = React3.useMemo(() => ({ show, close }), [show, close]);
-  return /* @__PURE__ */ jsx2(RootPropsContext.Provider, { value: props, children: /* @__PURE__ */ jsxs(NotificationsContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsx(RootPropsContext.Provider, { value: props, children: /* @__PURE__ */ jsxs(NotificationsContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ jsx2(Notifications, { state })
+    /* @__PURE__ */ jsx(Notifications, { state })
   ] }) });
 }
-
-// src/toolpad-core/useDialogs/DialogsProvider.tsx
-import invariant from "invariant";
-import * as React5 from "react";
-import useEventCallback from "@mui/utils/useEventCallback";
-
-// src/toolpad-core/useDialogs/DialogsContext.tsx
-import * as React4 from "react";
-var DialogsContext = React4.createContext(null);
-
-// src/toolpad-core/useDialogs/DialogsProvider.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var DialogsContext = React3.createContext(null);
 function DialogsProvider(props) {
   const { children, unmountAfter = 1e3 } = props;
-  const [stack, setStack] = React5.useState([]);
-  const keyPrefix = React5.useId();
-  const nextId2 = React5.useRef(0);
-  const dialogMetadata = React5.useRef(/* @__PURE__ */ new WeakMap());
+  const [stack, setStack] = React3.useState([]);
+  const keyPrefix = React3.useId();
+  const nextId2 = React3.useRef(0);
+  const dialogMetadata = React3.useRef(/* @__PURE__ */ new WeakMap());
   const requestDialog = useEventCallback(function open(Component, payload, options = {}) {
     const { onClose = async () => {
     } } = options;
@@ -274,13 +244,13 @@ function DialogsProvider(props) {
     }
     return dialog;
   });
-  const contextValue = React5.useMemo(
+  const contextValue = React3.useMemo(
     () => ({ open: requestDialog, close: closeDialog }),
     [requestDialog, closeDialog]
   );
-  return /* @__PURE__ */ jsxs2(DialogsContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxs(DialogsContext.Provider, { value: contextValue, children: [
     children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsx3(
+    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsx(
       Component,
       {
         payload,
@@ -294,9 +264,6 @@ function DialogsProvider(props) {
   ] });
 }
 
-// src/toolpad-core/persistence/useStorageState.tsx
-import * as React6 from "react";
-
 // src/toolpad-core/persistence/codec.tsx
 var CODEC_STRING = {
   parse: (value) => value,
@@ -394,32 +361,32 @@ var getKeyServerSnapshot = () => null;
 function useStorageState(area, key, initializer = null, options) {
   var _a;
   const codec = (_a = options == null ? void 0 : options.codec) != null ? _a : CODEC_STRING;
-  const [initialValue] = React6.useState(initializer);
-  const encodedInitialValue = React6.useMemo(
+  const [initialValue] = React3.useState(initializer);
+  const encodedInitialValue = React3.useMemo(
     () => encode(codec, initialValue),
     [codec, initialValue]
   );
-  const subscribeKey = React6.useCallback(
+  const subscribeKey = React3.useCallback(
     (callback) => subscribe(area, key, callback),
     [area, key]
   );
-  const getKeySnapshot = React6.useCallback(
+  const getKeySnapshot = React3.useCallback(
     () => {
       var _a2;
       return (_a2 = getSnapshot(area, key)) != null ? _a2 : encodedInitialValue;
     },
     [area, encodedInitialValue, key]
   );
-  const encodedStoredValue = React6.useSyncExternalStore(
+  const encodedStoredValue = React3.useSyncExternalStore(
     subscribeKey,
     getKeySnapshot,
     getKeyServerSnapshot
   );
-  const storedValue = React6.useMemo(
+  const storedValue = React3.useMemo(
     () => decode(codec, encodedStoredValue),
     [codec, encodedStoredValue]
   );
-  const setStoredValue = React6.useCallback(
+  const setStoredValue = React3.useCallback(
     (value) => {
       const valueToStore = value instanceof Function ? value(storedValue) : value;
       const encodedValueToStore = encode(codec, valueToStore);
@@ -427,7 +394,7 @@ function useStorageState(area, key, initializer = null, options) {
     },
     [area, codec, storedValue, key]
   );
-  const [nonStoredValue, setNonStoredValue] = React6.useState(initialValue);
+  const [nonStoredValue, setNonStoredValue] = React3.useState(initialValue);
   if (!key) {
     return [nonStoredValue, setNonStoredValue];
   }
@@ -437,34 +404,17 @@ function useStorageState(area, key, initializer = null, options) {
 // src/toolpad-core/useLocalStorageState/useLocalStorageState.tsx
 var useLocalStorageStateBrowser = (...args) => useStorageState(window.localStorage, ...args);
 var useLocalStorageState = typeof window === "undefined" ? useStorageStateServer : useLocalStorageStateBrowser;
-
-// src/toolpad-core/AppProvider/AppProvider.tsx
-import * as React9 from "react";
-import PropTypes2 from "prop-types";
-import { createTheme } from "@mui/material/styles";
-
-// src/toolpad-core/shared/context.ts
-import * as React7 from "react";
-var BrandingContext = React7.createContext(null);
-var NavigationContext = React7.createContext([]);
-var PaletteModeContext = React7.createContext({
+var BrandingContext = React3.createContext(null);
+var NavigationContext = React3.createContext([]);
+var PaletteModeContext = React3.createContext({
   paletteMode: "light",
   setPaletteMode: () => {
   },
   isDualTheme: false
 });
-var RouterContext = React7.createContext(null);
-var DashboardSidebarPageItemContext = React7.createContext(null);
-var WindowContext = React7.createContext(void 0);
-
-// src/toolpad-core/AppProvider/AppThemeProvider.tsx
-import * as React8 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";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var RouterContext = React3.createContext(null);
+var DashboardSidebarPageItemContext = React3.createContext(null);
+var WindowContext = React3.createContext(void 0);
 var COLOR_SCHEME_STORAGE_KEY = "toolpad-color-scheme";
 var MODE_STORAGE_KEY = "toolpad-mode";
 function usePreferredMode(window2) {
@@ -481,19 +431,19 @@ function isCssVarsTheme(theme) {
 }
 function LegacyThemeProvider(props) {
   const { children, theme, window: appWindow } = props;
-  invariant2(!isCssVarsTheme(theme), "This provider only accepts legacy themes.");
+  invariant(!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 = React8.useMemo(
+  const dualAwareTheme = React3.useMemo(
     () => {
       var _a;
       return isDualTheme ? (_a = theme[paletteMode === "dark" ? "dark" : "light"]) != null ? _a : theme[paletteMode === "dark" ? "light" : "dark"] : theme;
     },
     [isDualTheme, paletteMode, theme]
   );
-  const paletteModeContextValue = React8.useMemo(
+  const paletteModeContextValue = React3.useMemo(
     () => ({
       paletteMode,
       setPaletteMode: setUserMode,
@@ -501,8 +451,8 @@ function LegacyThemeProvider(props) {
     }),
     [isDualTheme, paletteMode, setUserMode]
   );
-  return /* @__PURE__ */ jsx4(ThemeProvider, { theme: dualAwareTheme, children: /* @__PURE__ */ jsxs3(PaletteModeContext.Provider, { value: paletteModeContextValue, children: [
-    /* @__PURE__ */ jsx4(CssBaseline, { enableColorScheme: true }),
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: dualAwareTheme, children: /* @__PURE__ */ jsxs(PaletteModeContext.Provider, { value: paletteModeContextValue, children: [
+    /* @__PURE__ */ jsx(CssBaseline, { enableColorScheme: true }),
     children
   ] }) });
 }
@@ -510,19 +460,19 @@ function CssVarsPaletteModeProvider(props) {
   const { children, window: appWindow } = props;
   const preferredMode = usePreferredMode(appWindow);
   const { mode, setMode, allColorSchemes } = useColorScheme();
-  const paletteModeContextValue = React8.useMemo(() => {
+  const paletteModeContextValue = React3.useMemo(() => {
     return {
       paletteMode: !mode || mode === "system" ? preferredMode : mode,
       setPaletteMode: setMode,
       isDualTheme: allColorSchemes.length > 1
     };
   }, [allColorSchemes, mode, preferredMode, setMode]);
-  return /* @__PURE__ */ jsx4(PaletteModeContext.Provider, { value: paletteModeContextValue, children });
+  return /* @__PURE__ */ jsx(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(
+  invariant(isCssVarsTheme(theme), "This provider only accepts CSS vars themes.");
+  return /* @__PURE__ */ jsxs(
     ThemeProvider,
     {
       theme,
@@ -532,7 +482,7 @@ function CssVarsThemeProvider(props) {
       colorSchemeStorageKey: COLOR_SCHEME_STORAGE_KEY,
       modeStorageKey: MODE_STORAGE_KEY,
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx(
           InitColorSchemeScript,
           {
             attribute: theme.colorSchemeSelector,
@@ -541,8 +491,8 @@ function CssVarsThemeProvider(props) {
             nonce
           }
         ),
-        /* @__PURE__ */ jsxs3(CssVarsPaletteModeProvider, { window: appWindow, children: [
-          /* @__PURE__ */ jsx4(CssBaseline, { enableColorScheme: true }),
+        /* @__PURE__ */ jsxs(CssVarsPaletteModeProvider, { window: appWindow, children: [
+          /* @__PURE__ */ jsx(CssBaseline, { enableColorScheme: true }),
           children
         ] })
       ]
@@ -552,13 +502,10 @@ function CssVarsThemeProvider(props) {
 function AppThemeProvider(props) {
   const _a = props, { children, theme } = _a, rest = __objRest(_a, ["children", "theme"]);
   const useCssVarsProvider = isCssVarsTheme(theme);
-  return useCssVarsProvider ? /* @__PURE__ */ jsx4(CssVarsThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children })) : /* @__PURE__ */ jsx4(LegacyThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children }));
+  return useCssVarsProvider ? /* @__PURE__ */ jsx(CssVarsThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children })) : /* @__PURE__ */ jsx(LegacyThemeProvider, __spreadProps(__spreadValues({ theme }, rest), { children }));
 }
-
-// src/toolpad-core/AppProvider/AppProvider.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var AuthenticationContext = React9.createContext(null);
-var SessionContext = React9.createContext(null);
+var AuthenticationContext = React3.createContext(null);
+var SessionContext = React3.createContext(null);
 function createDefaultTheme() {
   return createTheme({
     cssVariables: {
@@ -580,7 +527,7 @@ function AppProvider(props) {
     window: appWindow,
     nonce
   } = props;
-  return /* @__PURE__ */ jsx5(WindowContext.Provider, { value: appWindow, children: /* @__PURE__ */ jsx5(AuthenticationContext.Provider, { value: authentication, children: /* @__PURE__ */ jsx5(SessionContext.Provider, { value: session, children: /* @__PURE__ */ jsx5(RouterContext.Provider, { value: router, children: /* @__PURE__ */ jsx5(AppThemeProvider, { theme, window: appWindow, nonce, children: /* @__PURE__ */ jsx5(LocalizationProvider, { localeText, children: /* @__PURE__ */ jsx5(NotificationsProvider, { children: /* @__PURE__ */ jsx5(DialogsProvider, { children: /* @__PURE__ */ jsx5(BrandingContext.Provider, { value: branding, children: /* @__PURE__ */ jsx5(NavigationContext.Provider, { value: navigation, children }) }) }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(WindowContext.Provider, { value: appWindow, children: /* @__PURE__ */ jsx(AuthenticationContext.Provider, { value: authentication, children: /* @__PURE__ */ jsx(SessionContext.Provider, { value: session, children: /* @__PURE__ */ jsx(RouterContext.Provider, { value: router, children: /* @__PURE__ */ jsx(AppThemeProvider, { theme, window: appWindow, nonce, children: /* @__PURE__ */ jsx(LocalizationProvider, { localeText, children: /* @__PURE__ */ jsx(NotificationsProvider, { children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(BrandingContext.Provider, { value: branding, children: /* @__PURE__ */ jsx(NavigationContext.Provider, { value: navigation, children }) }) }) }) }) }) }) }) }) });
 }
 AppProvider.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -686,25 +633,4 @@ AppProvider.propTypes = {
   window: PropTypes2.object
 };
 
-export {
-  NotificationsContext,
-  en_default,
-  LocalizationContext,
-  LocalizationProvider,
-  useLocaleText,
-  NotificationsProvider,
-  DialogsContext,
-  BrandingContext,
-  NavigationContext,
-  PaletteModeContext,
-  RouterContext,
-  DashboardSidebarPageItemContext,
-  WindowContext,
-  DialogsProvider,
-  useStorageStateServer,
-  useStorageState,
-  useLocalStorageState,
-  AuthenticationContext,
-  SessionContext,
-  AppProvider
-};
+export { AppProvider, AuthenticationContext, BrandingContext, DashboardSidebarPageItemContext, DialogsContext, DialogsProvider, LocalizationContext, LocalizationProvider, NavigationContext, NotificationsContext, NotificationsProvider, PaletteModeContext, RouterContext, SessionContext, WindowContext, en_default, useLocalStorageState, useLocaleText, useStorageState, useStorageStateServer };

package/dist/chunk-PMIWCP25.mjs

@@ -1,3 +1,5 @@
+import * as React from 'react';
+
 // src/toolpad-utils/collections.ts
 function asArray(maybeArray) {
   return Array.isArray(maybeArray) ? maybeArray : [maybeArray];
@@ -31,9 +33,6 @@ function equalProperties(obj1, obj2, subset) {
   );
   return Array.from(keysToCheck).every((key) => Object.is(obj1[key], obj2[key]));
 }
-
-// src/toolpad-utils/hooks/useBoolean.ts
-import * as React from "react";
 function useBoolean(initialValue) {
   const [value, setValue] = React.useState(initialValue);
   const toggle = React.useCallback(() => setValue((existing) => !existing), []);
@@ -41,11 +40,8 @@ function useBoolean(initialValue) {
   const setFalse = React.useCallback(() => setValue(false), []);
   return { value, setValue, toggle, setTrue, setFalse };
 }
-
-// src/toolpad-utils/hooks/usePageTitle.ts
-import * as React2 from "react";
 function usePageTitle(title) {
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const original = document.title;
     document.title = title;
     return () => {
@@ -54,15 +50,4 @@ function usePageTitle(title) {
   }, [title]);
 }
 
-export {
-  asArray,
-  hasOwnProperty,
-  mapProperties,
-  mapKeys,
-  mapValues,
-  filterValues,
-  filterKeys,
-  equalProperties,
-  useBoolean,
-  usePageTitle
-};
+export { asArray, equalProperties, filterKeys, filterValues, hasOwnProperty, mapKeys, mapProperties, mapValues, useBoolean, usePageTitle };