@mui/system 6.1.2 → 6.1.4

package/index.js

@@ -1,74 +1,617 @@
 /**
- * @mui/system v6.1.2
+ * @mui/system v6.1.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export { default as borders } from "./borders/index.js";
-export * from "./borders/index.js";
-export { default as breakpoints } from "./breakpoints/index.js";
-export { default as cssContainerQueries } from "./cssContainerQueries/index.js";
-export { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues as unstable_resolveBreakpointValues } from "./breakpoints/index.js";
-export { default as compose } from "./compose/index.js";
-export { default as display } from "./display/index.js";
-export { default as flexbox } from "./flexbox/index.js";
-export * from "./flexbox/index.js";
-export { default as grid } from "./cssGrid/index.js";
-export * from "./cssGrid/index.js";
-export { default as palette } from "./palette/index.js";
-export * from "./palette/index.js";
-export { default as positions } from "./positions/index.js";
-export * from "./positions/index.js";
-export { default as shadows } from "./shadows/index.js";
-export { default as sizing } from "./sizing/index.js";
-export * from "./sizing/index.js";
-export { default as spacing } from "./spacing/index.js";
-export * from "./spacing/index.js";
-export { default as style, getPath, getStyleValue } from "./style/index.js";
-export { default as typography } from "./typography/index.js";
-export * from "./typography/index.js";
-export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  experimental_sx: true,
+  css: true,
+  keyframes: true,
+  StyledEngineProvider: true,
+  GlobalStyles: true,
+  borders: true,
+  breakpoints: true,
+  handleBreakpoints: true,
+  mergeBreakpointsInOrder: true,
+  unstable_resolveBreakpointValues: true,
+  cssContainerQueries: true,
+  compose: true,
+  display: true,
+  flexbox: true,
+  grid: true,
+  palette: true,
+  positions: true,
+  shadows: true,
+  sizing: true,
+  spacing: true,
+  style: true,
+  getPath: true,
+  getStyleValue: true,
+  typography: true,
+  unstable_styleFunctionSx: true,
+  unstable_createStyleFunctionSx: true,
+  unstable_extendSxProp: true,
+  unstable_defaultSxConfig: true,
+  unstable_getThemeValue: true,
+  Box: true,
+  createBox: true,
+  createStyled: true,
+  styled: true,
+  createTheme: true,
+  createBreakpoints: true,
+  createSpacing: true,
+  shape: true,
+  useThemeProps: true,
+  getThemeProps: true,
+  useTheme: true,
+  useThemeWithoutDefault: true,
+  useMediaQuery: true,
+  ThemeProvider: true,
+  unstable_memoTheme: true,
+  unstable_createCssVarsProvider: true,
+  unstable_createGetCssVar: true,
+  unstable_cssVarsParser: true,
+  unstable_prepareCssVars: true,
+  unstable_createCssVarsTheme: true,
+  responsivePropType: true,
+  RtlProvider: true,
+  createContainer: true,
+  Container: true,
+  Grid: true,
+  Stack: true
+};
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: function () {
+    return _Box.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
+Object.defineProperty(exports, "GlobalStyles", {
+  enumerable: true,
+  get: function () {
+    return _GlobalStyles.default;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () {
+    return _Grid.default;
+  }
+});
+Object.defineProperty(exports, "RtlProvider", {
+  enumerable: true,
+  get: function () {
+    return _RtlProvider.default;
+  }
+});
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: function () {
+    return _Stack.default;
+  }
+});
+Object.defineProperty(exports, "StyledEngineProvider", {
+  enumerable: true,
+  get: function () {
+    return _styledEngine.StyledEngineProvider;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "borders", {
+  enumerable: true,
+  get: function () {
+    return _borders.default;
+  }
+});
+Object.defineProperty(exports, "breakpoints", {
+  enumerable: true,
+  get: function () {
+    return _breakpoints.default;
+  }
+});
+Object.defineProperty(exports, "compose", {
+  enumerable: true,
+  get: function () {
+    return _compose.default;
+  }
+});
+Object.defineProperty(exports, "createBox", {
+  enumerable: true,
+  get: function () {
+    return _createBox.default;
+  }
+});
+Object.defineProperty(exports, "createBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return _createBreakpoints.default;
+  }
+});
+Object.defineProperty(exports, "createContainer", {
+  enumerable: true,
+  get: function () {
+    return _createContainer.default;
+  }
+});
+Object.defineProperty(exports, "createSpacing", {
+  enumerable: true,
+  get: function () {
+    return _createSpacing.default;
+  }
+});
+Object.defineProperty(exports, "createStyled", {
+  enumerable: true,
+  get: function () {
+    return _createStyled.default;
+  }
+});
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: function () {
+    return _createTheme.default;
+  }
+});
+Object.defineProperty(exports, "css", {
+  enumerable: true,
+  get: function () {
+    return _styledEngine.css;
+  }
+});
+Object.defineProperty(exports, "cssContainerQueries", {
+  enumerable: true,
+  get: function () {
+    return _cssContainerQueries.default;
+  }
+});
+Object.defineProperty(exports, "display", {
+  enumerable: true,
+  get: function () {
+    return _display.default;
+  }
+});
+exports.experimental_sx = experimental_sx;
+Object.defineProperty(exports, "flexbox", {
+  enumerable: true,
+  get: function () {
+    return _flexbox.default;
+  }
+});
+Object.defineProperty(exports, "getPath", {
+  enumerable: true,
+  get: function () {
+    return _style.getPath;
+  }
+});
+Object.defineProperty(exports, "getStyleValue", {
+  enumerable: true,
+  get: function () {
+    return _style.getStyleValue;
+  }
+});
+Object.defineProperty(exports, "getThemeProps", {
+  enumerable: true,
+  get: function () {
+    return _useThemeProps.getThemeProps;
+  }
+});
+Object.defineProperty(exports, "grid", {
+  enumerable: true,
+  get: function () {
+    return _cssGrid.default;
+  }
+});
+Object.defineProperty(exports, "handleBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return _breakpoints.handleBreakpoints;
+  }
+});
+Object.defineProperty(exports, "keyframes", {
+  enumerable: true,
+  get: function () {
+    return _styledEngine.keyframes;
+  }
+});
+Object.defineProperty(exports, "mergeBreakpointsInOrder", {
+  enumerable: true,
+  get: function () {
+    return _breakpoints.mergeBreakpointsInOrder;
+  }
+});
+Object.defineProperty(exports, "palette", {
+  enumerable: true,
+  get: function () {
+    return _palette.default;
+  }
+});
+Object.defineProperty(exports, "positions", {
+  enumerable: true,
+  get: function () {
+    return _positions.default;
+  }
+});
+Object.defineProperty(exports, "responsivePropType", {
+  enumerable: true,
+  get: function () {
+    return _responsivePropType.default;
+  }
+});
+Object.defineProperty(exports, "shadows", {
+  enumerable: true,
+  get: function () {
+    return _shadows.default;
+  }
+});
+Object.defineProperty(exports, "shape", {
+  enumerable: true,
+  get: function () {
+    return _shape.default;
+  }
+});
+Object.defineProperty(exports, "sizing", {
+  enumerable: true,
+  get: function () {
+    return _sizing.default;
+  }
+});
+Object.defineProperty(exports, "spacing", {
+  enumerable: true,
+  get: function () {
+    return _spacing.default;
+  }
+});
+Object.defineProperty(exports, "style", {
+  enumerable: true,
+  get: function () {
+    return _style.default;
+  }
+});
+Object.defineProperty(exports, "styled", {
+  enumerable: true,
+  get: function () {
+    return _styled.default;
+  }
+});
+Object.defineProperty(exports, "typography", {
+  enumerable: true,
+  get: function () {
+    return _typography.default;
+  }
+});
+Object.defineProperty(exports, "unstable_createCssVarsProvider", {
+  enumerable: true,
+  get: function () {
+    return _createCssVarsProvider.default;
+  }
+});
+Object.defineProperty(exports, "unstable_createCssVarsTheme", {
+  enumerable: true,
+  get: function () {
+    return _createCssVarsTheme.default;
+  }
+});
+Object.defineProperty(exports, "unstable_createGetCssVar", {
+  enumerable: true,
+  get: function () {
+    return _createGetCssVar.default;
+  }
+});
+Object.defineProperty(exports, "unstable_createStyleFunctionSx", {
+  enumerable: true,
+  get: function () {
+    return _styleFunctionSx.unstable_createStyleFunctionSx;
+  }
+});
+Object.defineProperty(exports, "unstable_cssVarsParser", {
+  enumerable: true,
+  get: function () {
+    return _cssVarsParser.default;
+  }
+});
+Object.defineProperty(exports, "unstable_defaultSxConfig", {
+  enumerable: true,
+  get: function () {
+    return _styleFunctionSx.unstable_defaultSxConfig;
+  }
+});
+Object.defineProperty(exports, "unstable_extendSxProp", {
+  enumerable: true,
+  get: function () {
+    return _styleFunctionSx.extendSxProp;
+  }
+});
+Object.defineProperty(exports, "unstable_getThemeValue", {
+  enumerable: true,
+  get: function () {
+    return _getThemeValue.default;
+  }
+});
+Object.defineProperty(exports, "unstable_memoTheme", {
+  enumerable: true,
+  get: function () {
+    return _memoTheme.default;
+  }
+});
+Object.defineProperty(exports, "unstable_prepareCssVars", {
+  enumerable: true,
+  get: function () {
+    return _prepareCssVars.default;
+  }
+});
+Object.defineProperty(exports, "unstable_resolveBreakpointValues", {
+  enumerable: true,
+  get: function () {
+    return _breakpoints.resolveBreakpointValues;
+  }
+});
+Object.defineProperty(exports, "unstable_styleFunctionSx", {
+  enumerable: true,
+  get: function () {
+    return _styleFunctionSx.default;
+  }
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: function () {
+    return _useMediaQuery.default;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.default;
+  }
+});
+Object.defineProperty(exports, "useThemeProps", {
+  enumerable: true,
+  get: function () {
+    return _useThemeProps.default;
+  }
+});
+Object.defineProperty(exports, "useThemeWithoutDefault", {
+  enumerable: true,
+  get: function () {
+    return _useThemeWithoutDefault.default;
+  }
+});
+var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
+var _styledEngine = require("@mui/styled-engine");
+var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
+var _borders = _interopRequireWildcard(require("./borders"));
+Object.keys(_borders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _borders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _borders[key];
+    }
+  });
+});
+var _breakpoints = _interopRequireWildcard(require("./breakpoints"));
+var _cssContainerQueries = _interopRequireDefault(require("./cssContainerQueries"));
+var _compose = _interopRequireDefault(require("./compose"));
+var _display = _interopRequireDefault(require("./display"));
+var _flexbox = _interopRequireWildcard(require("./flexbox"));
+Object.keys(_flexbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _flexbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _flexbox[key];
+    }
+  });
+});
+var _cssGrid = _interopRequireWildcard(require("./cssGrid"));
+Object.keys(_cssGrid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _cssGrid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cssGrid[key];
+    }
+  });
+});
+var _palette = _interopRequireWildcard(require("./palette"));
+Object.keys(_palette).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _palette[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _palette[key];
+    }
+  });
+});
+var _positions = _interopRequireWildcard(require("./positions"));
+Object.keys(_positions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _positions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _positions[key];
+    }
+  });
+});
+var _shadows = _interopRequireDefault(require("./shadows"));
+var _sizing = _interopRequireWildcard(require("./sizing"));
+Object.keys(_sizing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sizing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sizing[key];
+    }
+  });
+});
+var _spacing = _interopRequireWildcard(require("./spacing"));
+Object.keys(_spacing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _spacing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spacing[key];
+    }
+  });
+});
+var _style = _interopRequireWildcard(require("./style"));
+var _typography = _interopRequireWildcard(require("./typography"));
+Object.keys(_typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _typography[key];
+    }
+  });
+});
+var _styleFunctionSx = _interopRequireWildcard(require("./styleFunctionSx"));
+var _getThemeValue = _interopRequireDefault(require("./getThemeValue"));
+var _Box = _interopRequireDefault(require("./Box"));
+var _createBox = _interopRequireDefault(require("./createBox"));
+var _createStyled = _interopRequireWildcard(require("./createStyled"));
+Object.keys(_createStyled).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _createStyled[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createStyled[key];
+    }
+  });
+});
+var _styled = _interopRequireDefault(require("./styled"));
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+var _createBreakpoints = _interopRequireDefault(require("./createBreakpoints/createBreakpoints"));
+var _createSpacing = _interopRequireDefault(require("./createTheme/createSpacing"));
+var _shape = _interopRequireDefault(require("./createTheme/shape"));
+var _useThemeProps = _interopRequireWildcard(require("./useThemeProps"));
+var _useTheme = _interopRequireDefault(require("./useTheme"));
+var _useThemeWithoutDefault = _interopRequireDefault(require("./useThemeWithoutDefault"));
+var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
+var _colorManipulator = require("./colorManipulator");
+Object.keys(_colorManipulator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _colorManipulator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colorManipulator[key];
+    }
+  });
+});
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
+var _memoTheme = _interopRequireDefault(require("./memoTheme"));
+var _createCssVarsProvider = _interopRequireDefault(require("./cssVars/createCssVarsProvider"));
+var _createGetCssVar = _interopRequireDefault(require("./cssVars/createGetCssVar"));
+var _cssVarsParser = _interopRequireDefault(require("./cssVars/cssVarsParser"));
+var _prepareCssVars = _interopRequireDefault(require("./cssVars/prepareCssVars"));
+var _createCssVarsTheme = _interopRequireDefault(require("./cssVars/createCssVarsTheme"));
+var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
+var _RtlProvider = _interopRequireWildcard(require("./RtlProvider"));
+Object.keys(_RtlProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RtlProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RtlProvider[key];
+    }
+  });
+});
+var _version = require("./version");
+Object.keys(_version).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _version[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _version[key];
+    }
+  });
+});
+var _createContainer = _interopRequireDefault(require("./Container/createContainer"));
+var _Container = _interopRequireWildcard(require("./Container"));
+Object.keys(_Container).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Container[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Container[key];
+    }
+  });
+});
+var _Grid = _interopRequireDefault(require("./Grid/Grid"));
+var _Grid2 = require("./Grid");
+Object.keys(_Grid2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Grid2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Grid2[key];
+    }
+  });
+});
+var _Stack = _interopRequireDefault(require("./Stack/Stack"));
+var _Stack2 = require("./Stack");
+Object.keys(_Stack2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Stack2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Stack2[key];
+    }
+  });
+});
 // TODO: Remove this function in v6
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export function experimental_sx() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`experimental_sx\` has been moved to \`theme.unstable_sx\`.For more details, see https://github.com/mui/material-ui/pull/35150.` : _formatMuiErrorMessage(19));
+function experimental_sx() {
+  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.' + 'For more details, see https://github.com/mui/material-ui/pull/35150.' : (0, _formatMuiErrorMessage2.default)(19));
 }
-export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
-export { default as Box } from "./Box/index.js";
-export { default as createBox } from "./createBox/index.js";
-export { default as createStyled } from "./createStyled/index.js";
-export * from "./createStyled/index.js";
-export { default as styled } from "./styled/index.js";
-export { default as createTheme } from "./createTheme/index.js";
-export { default as createBreakpoints } from "./createBreakpoints/createBreakpoints.js";
-export { default as createSpacing } from "./createTheme/createSpacing.js";
-export { default as shape } from "./createTheme/shape.js";
-export { default as useThemeProps, getThemeProps } from "./useThemeProps/index.js";
-export { default as useTheme } from "./useTheme/index.js";
-export { default as useThemeWithoutDefault } from "./useThemeWithoutDefault/index.js";
-export { default as useMediaQuery } from "./useMediaQuery/index.js";
-export * from "./colorManipulator/index.js";
-export { default as ThemeProvider } from "./ThemeProvider/index.js";
-export { default as unstable_createCssVarsProvider } from "./cssVars/createCssVarsProvider.js";
-export { default as unstable_createGetCssVar } from "./cssVars/createGetCssVar.js";
-export { default as unstable_cssVarsParser } from "./cssVars/cssVarsParser.js";
-export { default as unstable_prepareCssVars } from "./cssVars/prepareCssVars.js";
-export { default as unstable_createCssVarsTheme } from "./cssVars/createCssVarsTheme.js";
-export { default as responsivePropType } from "./responsivePropType/index.js";
-export { default as RtlProvider } from "./RtlProvider/index.js";
-export * from "./RtlProvider/index.js";
-export * from "./version/index.js";
 
 /** ----------------- */
-/** Layout components */
-export { default as createContainer } from "./Container/createContainer.js";
-export { default as Container } from "./Container/index.js";
-export * from "./Container/index.js";
-export { default as Grid } from "./Grid/Grid.js";
-export * from "./Grid/index.js";
-export { default as Stack } from "./Stack/Stack.js";
-export * from "./Stack/index.js";
+/** Layout components */

package/memoTheme.d.ts

@@ -0,0 +1,12 @@
+import { CSSInterpolation } from '@mui/styled-engine';
+type ThemeStyleFunction<T> = (props: {
+    theme: T;
+}) => CSSInterpolation;
+/**
+ * Memoize style function on theme.
+ * Intended to be used in styled() calls that only need access to the theme.
+ */
+export default function unstable_memoTheme<T>(styleFn: ThemeStyleFunction<T>): (props: {
+    theme: T;
+}) => string | number | boolean | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ArrayCSSInterpolation | null;
+export {};