@mui/styled-engine-sc 7.0.0-alpha.0 → 7.0.0-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,97 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.0.0-alpha.2
+
+<!-- generated comparing v7.0.0-alpha.1..master -->
+
+_Feb 18, 2025_
+
+A big thanks to the 9 contributors who made this release possible.
+
+### `@mui/material@7.0.0-alpha.2`
+
+- [Autocomplete] Remove legacy `aria-owns` attribute for combobox (#45302) @ZeeshanTamboli
+- [Button] Apply id only if loading indicator is present (#45296) @aarongarciah
+- [Hidden] Remove deprecated Hidden component (#45283) @DiegoAndai
+- [InputBase] Deprecate composed classes (#45234) @sai6855
+- [InputLabel] Changed size prop value from `normal` to `medium` (#45235) @perkrlsn
+- Fix `slotProps.transition` types (#45214) @siriwatknp
+
+### Docs
+
+- Fix broken links to MUI X docs (#45145) @mapache-salvaje
+- Add migration guide for package layout changes (#45222) @Janpot
+- [icons] Fix typo in material-icons.md (#45334) @a-s-russo
+
+### Core
+
+- Disallow access to esm/modern barrel files (#45332) @Janpot
+- [code-infra] Update `elliptic` (#45311) @Janpot
+- Update release guide to specify package bumping rules (#45294) @DiegoAndai
+
+All contributors of this release in alphabetical order: @a-s-russo, @aarongarciah, @DiegoAndai, @Janpot, @mapache-salvaje, @perkrlsn, @sai6855, @siriwatknp, @ZeeshanTamboli
+
+## 7.0.0-alpha.1
+
+<!-- generated comparing v7.0.0-alpha.0..master -->
+
+_Feb 11, 2025_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/material@7.0.0-alpha.1`
+
+- [Checkbox] Add slots and slotProps (#44974) @sai6855
+- [LinearProgress][CircularProgress] Add variant overrides for module augumentation (#45163) @kingflamez
+- [Drawer] Deprecate \*Props and complete `slots`, `slotProps` (#44960) @siriwatknp
+- Fix wrong `slotProps` of `DetailsHTMLAttributes` types (#45215) @siriwatknp
+- [MobileStepper] deprecate `LinearProgressProps` and complete `slots`, `slotProps` (#45033) @siriwatknp
+- [Radio] Add slots and slotProps (#44972) @sai6855
+- [Radio] Remove empty line (#45184) @sai6855
+- [Slider] Deprecate composed classes (#45201) @sai6855
+- [Snackbar] Fix generated proptypes (#45156) @siriwatknp
+- [SpeedDialAction] Add slots and slotProps (#45065) @sai6855
+- [SwitchBase] Fix spreading of `handlers` in getSlotProps (#45197) @sai6855
+- [Tabs] Deprecate \*Props and complete `slots`, `slotProps` (#45012) @siriwatknp
+- [TextField] Remove deprecated props from documentation (#45199) @sai6855
+
+### `@mui/icons-material@7.0.0-alpha.1`
+
+- Change icon source URL and add overrides (#45020) @siriwatknp
+
+### `@mui/lab@7.0.0-beta.1`
+
+- Remove components which were moved from lab to material (#45232) @DiegoAndai
+
+### Docs
+
+- [Autocomplete] Improve Google Maps search example (#44708) @oliviertassinari
+- [Dialog] Removes deprecated PaperProps from docs (#45195) @sai6855
+- [Menu] Add Grouped Menu demo (#45241) @noobDev31
+- [material] Add disableInteractive on colorTool grid Tooltips (#37800) @Janpot
+- [blog] Consistent Base UI terminology (#45264) @oliviertassinari
+- A quick first step to update docs for Tailwind v4 (#45147) @oliviertassinari
+- Fix `element.ref` accessing warning on docs (#45155) @DiegoAndai
+- Mention Toolpad as experimental (#45273) @prakhargupta1
+- [joy-ui] Update "Set up providers" section of integration with Material UI (#45183) @mateuseap
+
+### Core
+
+- Update branch switch tags (#45198) @DiegoAndai
+- Fix double redirection to Base UI (#45146) @oliviertassinari
+- Fix corepack and pnpm installation in CircleCI (#45185) @mj12albert
+- Fix typo on Netlify script (#45278) @maximevtush
+- [code-infra] Fix testing library resolution with custom react (#44061) @Janpot
+- [code-infra] Update package layout for better ESM support (#43264) @Janpot
+- Update `@typescript-eslint/*` packages and remove deprecated `eslint-config-airbnb-typescript` package (#45245) @ZeeshanTamboli
+- [docs] Restore utility component docs from MUI Base to Material UI (#45213) @mapache-salvaje
+- [docs] Sync active sponsors (#45204) @oliviertassinari
+- [docs] Fix links in CONTRIBUTING.md (#45202) @bernardobelchior
+- [docs-infra] Point to MUI X next docs (#45207) @cherniavskii
+- [test] Fix React 18 tests (#45161) @DiegoAndai
+
+All contributors of this release in alphabetical order: @bernardobelchior, @cherniavskii, @DiegoAndai, @Janpot, @kingflamez, @mapache-salvaje, @mateuseap, @maximevtush, @mj12albert, @noobDev31, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 7.0.0-alpha.0
 
 <!-- generated comparing v6.4.1..master -->

package/GlobalStyles/GlobalStyles.js

@@ -1,9 +1,16 @@
-import PropTypes from 'prop-types';
-import { createGlobalStyle } from 'styled-components';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
 function isEmpty(obj) {
   return obj === undefined || obj === null || Object.keys(obj).length === 0;
 }
-const GlobalStyles = createGlobalStyle(props => {
+const GlobalStyles = (0, _styledComponents.createGlobalStyle)(props => {
   const {
     styles,
     defaultTheme = {}
@@ -13,8 +20,8 @@ const GlobalStyles = createGlobalStyle(props => {
   }
   return styles;
 });
-export default GlobalStyles;
+var _default = exports.default = GlobalStyles;
 GlobalStyles.propTypes = {
-  defaultTheme: PropTypes.object,
-  styles: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object, PropTypes.func])
+  defaultTheme: _propTypes.default.object,
+  styles: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.string, _propTypes.default.object, _propTypes.default.func])
 };

package/GlobalStyles/index.js

@@ -1 +1,13 @@
-export { default } from "./GlobalStyles.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _GlobalStyles.default;
+  }
+});
+var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));

package/README.md

@@ -5,6 +5,6 @@ It's designed for developers who would like to use `styled-components` as the ma
 
 ## Documentation
 
-<!-- #default-branch-switch -->
+<!-- #host-reference -->
 
 Visit [https://next.mui.com/material-ui/integrations/styled-components/](https://next.mui.com/material-ui/integrations/styled-components/) to view the full documentation.

package/StyledEngineProvider/StyledEngineProvider.js

@@ -1,5 +1,12 @@
-import PropTypes from 'prop-types';
-export default function StyledEngineProvider(props) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StyledEngineProvider;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function StyledEngineProvider(props) {
   const {
     injectFirst,
     children
@@ -18,11 +25,11 @@ StyledEngineProvider.propTypes = {
   /**
    * Your component tree.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * By default, the styles are injected last in the <head> element of the page.
    * As a result, they gain more specificity than any other style sheet.
    * If you want to override MUI's styles, set this prop.
    */
-  injectFirst: PropTypes.bool
+  injectFirst: _propTypes.default.bool
 };

package/StyledEngineProvider/index.js

@@ -1 +1,13 @@
-export { default } from "./StyledEngineProvider.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _StyledEngineProvider.default;
+  }
+});
+var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));

package/esm/GlobalStyles/GlobalStyles.js

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+import { createGlobalStyle } from 'styled-components';
+function isEmpty(obj) {
+  return obj === undefined || obj === null || Object.keys(obj).length === 0;
+}
+const GlobalStyles = createGlobalStyle(props => {
+  const {
+    styles,
+    defaultTheme = {}
+  } = props;
+  if (typeof styles === 'function') {
+    return styles(isEmpty(props.theme) ? defaultTheme : props.theme);
+  }
+  return styles;
+});
+export default GlobalStyles;
+GlobalStyles.propTypes = {
+  defaultTheme: PropTypes.object,
+  styles: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object, PropTypes.func])
+};

package/esm/GlobalStyles/index.js

@@ -0,0 +1 @@
+export { default } from "./GlobalStyles.js";

package/{node → esm}/StyledEngineProvider/StyledEngineProvider.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StyledEngineProvider;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function StyledEngineProvider(props) {
+import PropTypes from 'prop-types';
+export default function StyledEngineProvider(props) {
   const {
     injectFirst,
     children
@@ -25,11 +18,11 @@ StyledEngineProvider.propTypes = {
   /**
    * Your component tree.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * By default, the styles are injected last in the <head> element of the page.
    * As a result, they gain more specificity than any other style sheet.
    * If you want to override MUI's styles, set this prop.
    */
-  injectFirst: _propTypes.default.bool
+  injectFirst: PropTypes.bool
 };

package/esm/StyledEngineProvider/index.js

@@ -0,0 +1 @@
+export { default } from "./StyledEngineProvider.js";

package/{node → esm}/index.js

@@ -1,63 +1,20 @@
 /**
- * @mui/styled-engine-sc v7.0.0-alpha.0
+ * @mui/styled-engine-sc v7.0.0-alpha.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GlobalStyles", {
-  enumerable: true,
-  get: function () {
-    return _GlobalStyles.default;
-  }
-});
-Object.defineProperty(exports, "StyledEngineProvider", {
-  enumerable: true,
-  get: function () {
-    return _StyledEngineProvider.default;
-  }
-});
-Object.defineProperty(exports, "ThemeContext", {
-  enumerable: true,
-  get: function () {
-    return _styledComponents.ThemeContext;
-  }
-});
-Object.defineProperty(exports, "css", {
-  enumerable: true,
-  get: function () {
-    return _styledComponents.css;
-  }
-});
-exports.default = styled;
-exports.internal_mutateStyles = internal_mutateStyles;
-exports.internal_processStyles = internal_processStyles;
-exports.internal_serializeStyles = internal_serializeStyles;
-Object.defineProperty(exports, "keyframes", {
-  enumerable: true,
-  get: function () {
-    return _styledComponents.keyframes;
-  }
-});
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));
-var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
-function styled(tag, options) {
+import scStyled from 'styled-components';
+export default function styled(tag, options) {
   let stylesFactory;
   if (options) {
-    stylesFactory = (0, _styledComponents.default)(tag).withConfig({
+    stylesFactory = scStyled(tag).withConfig({
       displayName: options.label,
       shouldForwardProp: options.shouldForwardProp
     });
   } else {
-    stylesFactory = (0, _styledComponents.default)(tag);
+    stylesFactory = scStyled(tag);
   }
   if (process.env.NODE_ENV !== 'production') {
     const fn = (...styles) => {
@@ -76,7 +33,7 @@ function styled(tag, options) {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-function internal_mutateStyles(tag, processor) {
+export function internal_mutateStyles(tag, processor) {
   // Styled-components attaches an instance to `componentStyle`.
   // https://github.com/styled-components/styled-components/blob/da8151762dcf72735ffba358173d4c097f6d5888/packages/styled-components/src/models/StyledComponent.ts#L257
   //
@@ -90,11 +47,14 @@ function internal_mutateStyles(tag, processor) {
 // Not needed anymore, but fixes https://github.com/mui/material-ui/issues/44112
 // TODO: Remove it in v7
 // eslint-disable-next-line @typescript-eslint/naming-convention
-function internal_processStyles(tag, processor) {
+export function internal_processStyles(tag, processor) {
   return internal_mutateStyles(tag, processor);
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-function internal_serializeStyles(styles) {
+export function internal_serializeStyles(styles) {
   return styles;
-}
+}
+export { ThemeContext, keyframes, css } from 'styled-components';
+export { default as StyledEngineProvider } from "./StyledEngineProvider/index.js";
+export { default as GlobalStyles } from "./GlobalStyles/index.js";

package/esm/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/index.js

@@ -1,20 +1,63 @@
 /**
- * @mui/styled-engine-sc v7.0.0-alpha.0
+ * @mui/styled-engine-sc v7.0.0-alpha.2
  *
  * @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 scStyled from 'styled-components';
-export default function styled(tag, options) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GlobalStyles", {
+  enumerable: true,
+  get: function () {
+    return _GlobalStyles.default;
+  }
+});
+Object.defineProperty(exports, "StyledEngineProvider", {
+  enumerable: true,
+  get: function () {
+    return _StyledEngineProvider.default;
+  }
+});
+Object.defineProperty(exports, "ThemeContext", {
+  enumerable: true,
+  get: function () {
+    return _styledComponents.ThemeContext;
+  }
+});
+Object.defineProperty(exports, "css", {
+  enumerable: true,
+  get: function () {
+    return _styledComponents.css;
+  }
+});
+exports.default = styled;
+exports.internal_mutateStyles = internal_mutateStyles;
+exports.internal_processStyles = internal_processStyles;
+exports.internal_serializeStyles = internal_serializeStyles;
+Object.defineProperty(exports, "keyframes", {
+  enumerable: true,
+  get: function () {
+    return _styledComponents.keyframes;
+  }
+});
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));
+var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
+function styled(tag, options) {
   let stylesFactory;
   if (options) {
-    stylesFactory = scStyled(tag).withConfig({
+    stylesFactory = (0, _styledComponents.default)(tag).withConfig({
       displayName: options.label,
       shouldForwardProp: options.shouldForwardProp
     });
   } else {
-    stylesFactory = scStyled(tag);
+    stylesFactory = (0, _styledComponents.default)(tag);
   }
   if (process.env.NODE_ENV !== 'production') {
     const fn = (...styles) => {
@@ -33,7 +76,7 @@ export default function styled(tag, options) {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export function internal_mutateStyles(tag, processor) {
+function internal_mutateStyles(tag, processor) {
   // Styled-components attaches an instance to `componentStyle`.
   // https://github.com/styled-components/styled-components/blob/da8151762dcf72735ffba358173d4c097f6d5888/packages/styled-components/src/models/StyledComponent.ts#L257
   //
@@ -47,14 +90,11 @@ export function internal_mutateStyles(tag, processor) {
 // Not needed anymore, but fixes https://github.com/mui/material-ui/issues/44112
 // TODO: Remove it in v7
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export function internal_processStyles(tag, processor) {
+function internal_processStyles(tag, processor) {
   return internal_mutateStyles(tag, processor);
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export function internal_serializeStyles(styles) {
+function internal_serializeStyles(styles) {
   return styles;
-}
-export { ThemeContext, keyframes, css } from 'styled-components';
-export { default as StyledEngineProvider } from "./StyledEngineProvider/index.js";
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
+}

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/styled-engine-sc v7.0.0-alpha.0
+ * @mui/styled-engine-sc v7.0.0-alpha.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@mui/styled-engine-sc",
-  "version": "7.0.0-alpha.0",
+  "version": "7.0.0-alpha.2",
   "private": false,
   "author": "MUI Team",
   "description": "styled() API wrapper package for styled-components.",
-  "main": "./node/index.js",
+  "main": "./index.js",
   "keywords": [
     "react",
     "react-component",
@@ -26,7 +26,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.7",
+    "@babel/runtime": "^7.26.9",
     "@types/hoist-non-react-statics": "^3.3.6",
     "csstype": "^3.1.3",
     "hoist-non-react-statics": "^3.3.2",
@@ -43,6 +43,37 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "module": "./index.js",
-  "types": "./index.d.ts"
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "mui-modern": {
+        "types": "./modern/index.d.ts",
+        "default": "./modern/index.js"
+      }
+    },
+    "./*": {
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
+      },
+      "import": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
+      },
+      "mui-modern": {
+        "types": "./modern/*/index.d.ts",
+        "default": "./modern/*/index.js"
+      }
+    },
+    "./esm": null,
+    "./modern": null
+  }
 }

package/GlobalStyles/GlobalStyles.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { CSSObject, StyleFunction } from 'styled-components';
-
-export interface GlobalStylesProps<Theme extends object = {}> {
-  defaultTheme?: object;
-  styles: string | CSSObject | StyleFunction<Theme>;
-}
-
-export default function Global<Theme extends object = {}>(
-  props: GlobalStylesProps<Theme>,
-): React.JSX.Element;

package/GlobalStyles/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './GlobalStyles';
-export * from './GlobalStyles';

package/GlobalStyles/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/GlobalStyles/index.js",
-  "types": "./index.d.ts"
-}

package/StyledEngineProvider/StyledEngineProvider.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-
-export interface StyledEngineProviderProps {
-  children?: React.ReactNode;
-  injectFirst?: boolean;
-}
-
-export default function StyledEngineProvider(props: StyledEngineProviderProps): React.JSX.Element;

package/StyledEngineProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './StyledEngineProvider';
-export * from './StyledEngineProvider';

package/StyledEngineProvider/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/StyledEngineProvider/index.js",
-  "types": "./index.d.ts"
-}

package/index.d.ts

@@ -1,408 +0,0 @@
-import * as React from 'react';
-import * as CSS from 'csstype';
-import * as hoistNonReactStatics from 'hoist-non-react-statics';
-
-type WithOptionalTheme<P extends { theme?: T | undefined }, T> = OmitU<P, 'theme'> & {
-  theme?: T | undefined;
-};
-
-// Helper type operators
-// Pick that distributes over union types
-export type PickU<T, K extends keyof T> = T extends any ? { [P in K]: T[P] } : never;
-export type OmitU<T, K extends keyof T> = T extends any ? PickU<T, Exclude<keyof T, K>> : never;
-
-// Any prop that has a default prop becomes optional, but its type is unchanged
-// Undeclared default props are augmented into the resulting allowable attributes
-// If declared props have indexed properties, ignore default props entirely as keyof gets widened
-// Wrap in an outer-level conditional type to allow distribution over props that are unions
-type Defaultize<P, D> = P extends any
-  ? string extends keyof P
-    ? P
-    : PickU<P, Exclude<keyof P, keyof D>> &
-        Partial<PickU<P, Extract<keyof P, keyof D>>> &
-        Partial<PickU<D, Exclude<keyof D, keyof P>>>
-  : never;
-
-export type IntrinsicElementsKeys = keyof React.JSX.IntrinsicElements;
-type ReactDefaultizedProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;
-
-type MakeAttrsOptional<
-  C extends string | React.ComponentType<any>,
-  O extends object,
-  A extends keyof P,
-  P = React.ComponentPropsWithRef<
-    C extends IntrinsicElementsKeys | React.ComponentType<any> ? C : never
-  >,
-> =
-  // Distribute unions early to avoid quadratic expansion
-  P extends any ? OmitU<ReactDefaultizedProps<C, P> & O, A> & Partial<PickU<P & O, A>> : never;
-
-export type StyledComponentProps<
-  // The Component from whose props are derived
-  C extends string | React.ComponentType<any>,
-  // The Theme from the current context
-  T extends object,
-  // The other props added by the template
-  O extends object,
-  // The props that are made optional by .attrs
-  A extends keyof any,
-  // The Component passed with "forwardedAs" prop
-  FAsC extends string | React.ComponentType<any> = C,
-> =
-  // Distribute O if O is a union type
-  O extends object
-    ? WithOptionalTheme<MakeAttrsOptional<C, O, A> & MakeAttrsOptional<FAsC, O, A>, T>
-    : never;
-
-export interface ThemeProps<T> {
-  theme: T;
-}
-
-export type ThemedStyledProps<P, T> = P & ThemeProps<T>;
-
-export interface Keyframes {
-  getName(): string;
-}
-
-export * from 'styled-components';
-export { default } from 'styled-components';
-
-export { default as StyledEngineProvider } from './StyledEngineProvider';
-
-export { default as GlobalStyles } from './GlobalStyles';
-export * from './GlobalStyles';
-
-/**
- * For internal usage in `@mui/system` package
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function internal_mutateStyles(
-  tag: React.ElementType,
-  processor: (styles: any) => any,
-): void;
-
-// Not needed anymore, but fixes https://github.com/mui/material-ui/issues/44112
-// TODO: Remove it in v7
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function internal_processStyles(
-  tag: React.ElementType,
-  processor: (styles: any) => any,
-): void;
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function internal_serializeStyles<P>(styles: Interpolation<P>): object;
-
-// These are the same as the ones in @mui/styled-engine
-// CSS.PropertiesFallback are necessary so that we support spreading of the mixins. For example:
-// '@font-face'?: Fontface | Fontface[]
-export type CSSProperties = CSS.PropertiesFallback<number | string>;
-export type CSSPropertiesWithMultiValues = {
-  [K in keyof CSSProperties]: CSSProperties[K] | Array<Extract<CSSProperties[K], string>>;
-};
-export type CSSPseudos = { [K in CSS.Pseudos]?: unknown | CSSObject };
-
-export interface CSSOthersObject {
-  [propertiesName: string]: unknown | CSSInterpolation;
-}
-export type CSSPseudosForCSSObject = { [K in CSS.Pseudos]?: CSSObject };
-
-export interface ArrayCSSInterpolation extends Array<CSSInterpolation> {}
-
-export interface CSSOthersObjectForCSSObject {
-  [propertiesName: string]: CSSInterpolation;
-}
-
-// Omit variants as a key, because we have a special handling for it
-export interface CSSObject
-  extends CSSPropertiesWithMultiValues,
-    CSSPseudos,
-    Omit<CSSOthersObject, 'variants'> {}
-
-interface CSSObjectWithVariants<Props> extends Omit<CSSObject, 'variants'> {
-  variants: Array<{
-    props: Props | ((props: Props) => boolean);
-    style:
-      | CSSObject
-      | ((args: Props extends { theme: any } ? { theme: Props['theme'] } : any) => CSSObject);
-  }>;
-}
-
-export type FalseyValue = undefined | null | false;
-export type Interpolation<P> =
-  | InterpolationValue
-  | CSSObjectWithVariants<P>
-  | InterpolationFunction<P>
-  | FlattenInterpolation<P>;
-// cannot be made a self-referential interface, breaks WithPropNested
-// see https://github.com/microsoft/TypeScript/issues/34796
-export type FlattenInterpolation<P> = ReadonlyArray<Interpolation<P>>;
-export type InterpolationValue =
-  | string
-  | number
-  | FalseyValue
-  | Keyframes
-  | StyledComponentInterpolation
-  | CSSObject;
-export type SimpleInterpolation = InterpolationValue | FlattenSimpleInterpolation;
-// adapter for compatibility with @mui/styled-engine
-export type CSSInterpolation = SimpleInterpolation;
-export type FlattenSimpleInterpolation = ReadonlyArray<SimpleInterpolation>;
-
-export type InterpolationFunction<P> = (props: P) => Interpolation<P>;
-
-// abuse Pick to strip the call signature from ForwardRefExoticComponent
-type ForwardRefExoticBase<P> = PickU<
-  React.ForwardRefExoticComponent<P>,
-  keyof React.ForwardRefExoticComponent<any>
->;
-
-type StyledComponentPropsWithAs<
-  C extends string | React.ComponentType<any>,
-  T extends object,
-  O extends object,
-  A extends keyof any,
-  AsC extends string | React.ComponentType<any> = C,
-  FAsC extends string | React.ComponentType<any> = C,
-> = StyledComponentProps<C, T, O, A, FAsC> & {
-  as?: AsC | undefined;
-  forwardedAs?: FAsC | undefined;
-};
-
-export type StyledComponent<
-  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
-  T extends object = {},
-  O extends object = {},
-  A extends keyof any = never,
-> = // the "string" allows this to be used as an object key
-  // I really want to avoid this if possible but it's the only way to use nesting with object styles...
-  string &
-    StyledComponentBase<C, T, O, A> &
-    hoistNonReactStatics.NonReactStatics<C extends React.ComponentType<any> ? C : never>;
-
-// any doesn't count as assignable to never in the extends clause, and we default A to never
-export type AnyStyledComponent =
-  | StyledComponent<any, any, any, any>
-  | StyledComponent<any, any, any>
-  | React.FunctionComponent<any>
-  | React.ComponentType<any>;
-
-export type StyledComponentInnerComponent<C extends AnyStyledComponent> =
-  C extends StyledComponent<infer I, any, any, any>
-    ? I
-    : C extends StyledComponent<infer I, any, any>
-      ? I
-      : C;
-
-export type StyledComponentInnerOtherProps<C extends AnyStyledComponent> =
-  C extends StyledComponent<any, any, infer O, any>
-    ? O
-    : C extends StyledComponent<any, any, infer O>
-      ? O
-      : never;
-export type StyledComponentInnerAttrs<C extends AnyStyledComponent> =
-  C extends StyledComponent<any, any, any, infer A> ? A : never;
-
-export interface StyledComponentBase<
-  C extends string | React.ComponentType<any>,
-  T extends object,
-  O extends object = {},
-  A extends keyof any = never,
-> extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>> {
-  // add our own fake call signature to implement the polymorphic 'as' prop
-  (
-    props: StyledComponentProps<C, T, O, A> & {
-      as?: never | undefined;
-      forwardedAs?: never | undefined;
-    },
-  ): React.ReactElement<StyledComponentProps<C, T, O, A>>;
-  <
-    AsC extends string | React.ComponentType<any> = C,
-    FAsC extends string | React.ComponentType<any> = AsC,
-  >(
-    props: StyledComponentPropsWithAs<AsC, T, O, A, AsC, FAsC>,
-  ): React.ReactElement<StyledComponentPropsWithAs<AsC, T, O, A, AsC, FAsC>>;
-
-  withComponent<WithC extends AnyStyledComponent>(
-    component: WithC,
-  ): StyledComponent<
-    StyledComponentInnerComponent<WithC>,
-    T,
-    O & StyledComponentInnerOtherProps<WithC>,
-    A | StyledComponentInnerAttrs<WithC>
-  >;
-  withComponent<WithC extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>>(
-    component: WithC,
-  ): StyledComponent<WithC, T, O, A>;
-}
-
-// remove the call signature from StyledComponent so Interpolation can still infer InterpolationFunction
-type StyledComponentInterpolation =
-  | Pick<StyledComponentBase<any, any, any, any>, keyof StyledComponentBase<any, any>>
-  | Pick<StyledComponentBase<any, any, any>, keyof StyledComponentBase<any, any>>;
-
-// These are typings coming from styled-components
-// They are adjusted to accept the extended options coming from mui
-type AnyIfEmpty<T extends object> = keyof T extends never ? any : T;
-
-type ThemedStyledComponentFactories<T extends object> = {
-  [TTag in keyof React.JSX.IntrinsicElements]: ThemedStyledFunctionBase<TTag, T>;
-};
-
-export type StyledComponentPropsWithRef<
-  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
-> = C extends AnyStyledComponent
-  ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>>
-  : React.ComponentPropsWithRef<C>;
-
-// Same as in styled-components, but copied here so that it would use the Interpolation & CSS typings from above
-export interface ThemedStyledFunctionBase<
-  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
-  T extends object,
-  O extends object = {},
-  A extends keyof any = never,
-> {
-  (first: TemplateStringsArray): StyledComponent<C, T, O, A>;
-  (
-    first:
-      | TemplateStringsArray
-      | CSSObject
-      | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>,
-    ...other: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>>
-  ): StyledComponent<C, T, O, A>;
-  <U extends object>(
-    first:
-      | TemplateStringsArray
-      | CSSObject
-      | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>,
-    ...other: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>>
-  ): StyledComponent<C, T, O & U, A>;
-}
-
-// same as ThemedStyledFunction in styled-components, but without attrs, and withConfig
-export interface ThemedStyledFunction<
-  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
-  T extends object,
-  O extends object = {},
-  A extends keyof any = never,
-> extends ThemedStyledFunctionBase<C, T, O, A> {}
-
-export type CreateStyledComponent<
-  ComponentProps extends {},
-  SpecificComponentProps extends {} = {},
-  JSXProps extends {} = {},
-  T extends object = {},
-> = ThemedStyledFunction<React.ComponentType<ComponentProps>, T, SpecificComponentProps & JSXProps>;
-
-// Config to be used with withConfig
-export interface StyledConfig<O extends object = {}> {
-  // TODO: Add all types from the original StyledComponentWrapperProperties
-  componentId?: string;
-  displayName?: string;
-  label?: string;
-  target?: string;
-  shouldForwardProp?:
-    | ((prop: keyof O, defaultValidatorFn: (prop: keyof O) => boolean) => boolean)
-    | undefined;
-}
-
-/** Same as StyledConfig but shouldForwardProp must be a type guard */
-export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {
-  componentId?: string;
-  displayName?: string;
-  label?: string;
-  shouldForwardProp?(propName: PropertyKey): propName is ForwardedProps;
-  target?: string;
-}
-
-// same as ThemedBaseStyledInterface in styled-components, but with added options & common props for MUI components
-export interface ThemedBaseStyledInterface<
-  MUIStyledCommonProps extends object,
-  MuiStyledOptions extends object,
-  Theme extends object,
-> extends ThemedStyledComponentFactories<Theme> {
-  <
-    C extends React.ComponentClass<React.ComponentProps<C>>,
-    ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>,
-  >(
-    component: C,
-    options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
-  ): CreateStyledComponent<
-    Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps,
-    {},
-    {
-      ref?: React.Ref<InstanceType<C>>;
-    },
-    Theme
-  >;
-
-  <C extends React.ComponentClass<React.ComponentProps<C>>>(
-    component: C,
-    options?: StyledConfig<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions,
-  ): CreateStyledComponent<
-    PropsOf<C> & MUIStyledCommonProps,
-    {},
-    {
-      ref?: React.Ref<InstanceType<C>>;
-    },
-    Theme
-  >;
-
-  <
-    C extends React.JSXElementConstructor<React.ComponentProps<C>>,
-    ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>,
-  >(
-    component: C,
-    options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
-  ): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {}, Theme>;
-
-  <C extends React.JSXElementConstructor<React.ComponentProps<C>>>(
-    component: C,
-    options?: StyledConfig<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions,
-  ): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {}, Theme>;
-
-  <
-    Tag extends keyof React.JSX.IntrinsicElements,
-    ForwardedProps extends
-      keyof React.JSX.IntrinsicElements[Tag] = keyof React.JSX.IntrinsicElements[Tag],
-  >(
-    tag: Tag,
-    options: FilteringStyledOptions<React.JSX.IntrinsicElements[Tag], ForwardedProps> &
-      MuiStyledOptions,
-  ): CreateStyledComponent<
-    MUIStyledCommonProps,
-    Pick<React.JSX.IntrinsicElements[Tag], ForwardedProps>,
-    {},
-    Theme
-  >;
-
-  <Tag extends keyof React.JSX.IntrinsicElements>(
-    tag: Tag,
-    options?: StyledConfig<MUIStyledCommonProps> & MuiStyledOptions,
-  ): CreateStyledComponent<MUIStyledCommonProps, React.JSX.IntrinsicElements[Tag], {}, Theme>;
-}
-
-export type CreateMUIStyled<
-  MUIStyledCommonProps extends object = {},
-  MuiStyledOptions extends object = {},
-  T extends object = {},
-> = ThemedBaseStyledInterface<MUIStyledCommonProps, MuiStyledOptions, AnyIfEmpty<T>>;
-
-export type PropsOf<
-  C extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>,
-> = React.JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>;
-
-export interface MUIStyledComponent<
-  ComponentProps extends {},
-  SpecificComponentProps extends {} = {},
-  JSXProps extends {} = {},
-> extends React.FC<ComponentProps & SpecificComponentProps & JSXProps> {
-  withComponent<C extends React.ComponentClass<React.ComponentProps<C>>>(
-    component: C,
-  ): MUIStyledComponent<ComponentProps & PropsOf<C>, {}, { ref?: React.Ref<InstanceType<C>> }>;
-  withComponent<C extends React.ComponentType<React.ComponentProps<C>>>(
-    component: C,
-  ): MUIStyledComponent<ComponentProps & PropsOf<C>>;
-  withComponent<Tag extends keyof React.JSX.IntrinsicElements>(
-    tag: Tag,
-  ): MUIStyledComponent<ComponentProps, React.JSX.IntrinsicElements[Tag]>;
-}

package/node/GlobalStyles/GlobalStyles.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = require("styled-components");
-function isEmpty(obj) {
-  return obj === undefined || obj === null || Object.keys(obj).length === 0;
-}
-const GlobalStyles = (0, _styledComponents.createGlobalStyle)(props => {
-  const {
-    styles,
-    defaultTheme = {}
-  } = props;
-  if (typeof styles === 'function') {
-    return styles(isEmpty(props.theme) ? defaultTheme : props.theme);
-  }
-  return styles;
-});
-var _default = exports.default = GlobalStyles;
-GlobalStyles.propTypes = {
-  defaultTheme: _propTypes.default.object,
-  styles: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.string, _propTypes.default.object, _propTypes.default.func])
-};

package/node/GlobalStyles/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _GlobalStyles.default;
-  }
-});
-var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));

package/node/StyledEngineProvider/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _StyledEngineProvider.default;
-  }
-});
-var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));