@mui/styled-engine-sc 7.0.1 → 7.1.0

package/CHANGELOG.md

@@ -1,5 +1,162 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.1.0
+
+<!-- generated comparing v7.0.2..master -->
+
+_May 6, 2025_
+
+A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Material UI now works with **Tailwind CSS v4**! Check out the [setup guide](https://mui.com/material-ui/integrations/tailwindcss/tailwindcss-v4/).
+
+### `@mui/material@7.1.0`
+
+- [InputBase] Text cursor jumps several lines up when inserting text fragment with new line at the end (#45246) @yermartee
+- [OutlinedInput] Add missing `notchedOutline` slot (#45917) @siriwatknp
+- [Snackbar] Skip default `onClickAway` behavior when `defaultMuiPrevented` is provided (#45629) @sai6855
+- [Avatar] Fix img slot types and add missing slots (#45483) @siriwatknp
+- [Badge] Replace useSlotProps with useSlot hook (#45871) @sai6855
+- [BottomNavigationAction] Add slots and slotProps (#45776) @sai6855
+- [CardActionArea] Add slots and slotProps (#45866) @sai6855
+- [useMediaQuery] Add warning and docs for using `useMediaQuery('print')` (#44790) @good-jinu
+- Remove unnecessary clsx usages (#46084) @sai6855
+- Corrected generic type definition in `SelectChangeEvent` (#45941) @SuyashShukla0007
+- Fix theme object changes between renders (#45863) @siriwatknp
+
+### `@mui/material-nextjs@7.1.0`
+
+- Add option to enable CSS layers for pages router (#45596) @siriwatknp
+- Do not wrap `@layer` order rules in App Router (#45864) @Nayeem-XTREME
+
+### `@mui/system@7.1.0`
+
+- Fix `@mui/system` types organization (#45860) @Janpot
+
+### `@mui/styled-engine@7.1.0`
+
+- Infer `ownerState` from props in `styled` (#46083) @siriwatknp
+- Fix style overrides variants type (#45478) @siriwatknp
+
+### Docs
+
+- [Avatar] Add avatar upload demo (#45986) @Demianeen
+- [Dialog] Remove deprecated props usage in demos (#45923) @sai6855
+- [Menu] Update `paper` slot JSDoc default from `Paper` to `PopoverPaper` (#45722) @andreachiera
+- [examples] Remove create-react-app usages (#45426) @CodeLeom
+- Add `AccordionSummary` to the v5 breaking change migration (#45947) @siriwatknp
+- Update CSS variable usage in migration guide for Pigment CSS (#46033) @sai6855
+- Fix docs API dark mode color (#46086) @alexfauquette
+- Add a guide for extending Material UI classes in Tailwind CSS (#46039) @siriwatknp
+- Add `InitColorSchemeScript` docs and API (#45927) @siriwatknp
+- Add Tailwind CSS v4 integration guide (#45906) @siriwatknp
+- Fix 301 links to the system v6 (#45931) @oliviertassinari
+- Add notification for MUI X v8 announcement (#45942) @joserodolfofreitas
+- Fix som 301 redirections (ae84b35) @oliviertassinari
+- Fix some 301 redirections (057384e) @oliviertassinari
+- Fix logo is not centered on small screens (#45920) @crabsim
+- Fix line break typo (a2a62d5) @oliviertassinari
+- Fix markdown typo in templates.md (#45914) @scyzoryck
+- Add Next.js App Router guide for custom classnames (#45852) @siriwatknp
+
+### Core
+
+- [code-infra] Give a stable name to dev tool app (3889ded) @oliviertassinari
+- [code-infra] Normalize author package in org (8135638) @oliviertassinari
+- [code-infra] Correct some manually curated .d.ts files (#46054) @Janpot
+- [code-infra] Align deps versions (#46048) @Janpot
+- [code-infra] Fix dynamic import in imports resolver (#46046) @Janpot
+- [code-infra] Eliminate `@mui/utils` deep imports (#46004) @Janpot
+- [code-infra] Expand renovate.json for react types (#45935) @Janpot
+- [code-infra] Make Argos upload script reusable (#45883) @Janpot
+- [code-infra] Disallow redundant window prefixes for globals (#45880) @Janpot
+- [code-infra] Remove type generation of modern build (#45912) @Janpot
+- [code-infra] Clean up bundle size checker (#45622) @Janpot
+- [code-infra] Fix `StrictMode` effects not being called twice in React 19 tests (#45812) @bernardobelchior
+- [code-infra] Convert `@mui/utils` to typescript (#45671) @Janpot
+- [docs-infra] Improve export into sandbox package.json (#46044) @oliviertassinari
+- [docs-infra] Update feedback Node.js to v22 (#46064) @oliviertassinari
+- [docs-infra] Normalize netlify.toml in org (b101d5c) @oliviertassinari
+- [docs-infra] Uniformize Vale between repositories (0f79796) @oliviertassinari
+- [docs-infra] Fix Vale no longer working (#46029) @oliviertassinari
+- [docs-infra] Remove demo styling switch (#45926) @Janpot
+- [docs-infra] StackBlitz WebContainer demos (#45924) @Janpot
+- [docs-infra] Fix feedback management (#45872) @alexfauquette
+- [test] Replace `playwright` with `@playwright/test` (#45998) @ZeeshanTamboli
+- Fix internal version duplication (#46051) @oliviertassinari
+- Avoid the need for `@mui/material/themeCssVarsAugmentation` (#46053) @Janpot
+- Add security label to dependabot PRs (0a5c027) @oliviertassinari
+- Remove unecessary versions (#46034) @oliviertassinari
+- Remove redundant overrides resolver (#45970) @romgrk
+- Fix duplicate branch reference (#45915) @oliviertassinari
+- Fix outdated <link rel="shortcut icon" (#45916) @oliviertassinari
+- Fix redirection chains (#45930) @oliviertassinari
+- Run pnpm docs:sync-team (beee09f) @oliviertassinari
+- Add `pkg.pr.new` publishing (#42984) @Aslemammad
+- Remove @mui/base from the master branch (#45857) @mnajdova
+
+All contributors of this release in alphabetical order: @alexfauquette, @andreachiera, @Aslemammad, @bernardobelchior, @CodeLeom, @crabsim, @Demianeen, @good-jinu, @Janpot, @joserodolfofreitas, @mnajdova, @Nayeem-XTREME, @oliviertassinari, @renovate[bot], @romgrk, @sai6855, @scyzoryck, @siriwatknp, @SuyashShukla0007, @yermartee, @ZeeshanTamboli
+
+## 7.0.2
+
+_Apr 9, 2025_
+
+A big thanks to the 12 contributors who made this release possible.
+
+### `@mui/material@7.0.2`
+
+- [Autocomplete] Add ability to render custom single value (#45387) @ZeeshanTamboli
+- [Autocomplete] Prevent shrink animation in controlled Autocomplete when initial `value` is provided (#45734) @imadx
+- [AvatarGroup] Fix `spacing` prop ignoring value `0` (#45799) @Kartik-Murthy
+- [Dialog] Deprecate composed classes (#45418) @sai6855
+
+### `@mui/material-nextjs@7.0.2`
+
+- Fix nonce issues (#45794) @Janpot
+- Add warnings to nextjs router integration (#45778) @Janpot
+
+### `@mui/styled-engine@7.0.2`
+
+- Added caching to `StyledEngineProvider` to improve performance for running tests with Jest (#45846) @siriwatknp
+
+### Core
+
+- [blog] Improve upvote video (0646444) @oliviertassinari
+- [code-infra] Remove webpack aliases (#45841) @Janpot
+- [code-infra] Remove .tsbuildinfo from build folder (#45727) @Janpot
+- [code-infra] Stabilize theme viewer screenshot tests (#45768) @Janpot
+- [code-infra] Remove modern bundles (#45808) @Janpot
+- Update buildTypes script to optionally remove css imports (#45835) @brijeshb42
+- Allow repo to be accepted as an argument for releaseTag (#45801) @brijeshb42
+- Update scripts to support base-ui (#45784) @brijeshb42
+- Sync scorecards.yml across codebase (4de5076) @oliviertassinari
+- Remove baseUrl and skipLibCheck (#45806) @Janpot
+- [docs-infra] Fix redirect styles pages (#45848) @siriwatknp
+- [docs-infra] Remove false-positive Vale rules (#45843) @oliviertassinari
+- [docs-infra] Make sure Next.js can find package.json through its aliases (#45840) @Janpot
+- [docs-infra] Fix Next.js brand name coverage (6915f8d) @oliviertassinari
+- [docs-infra] Fix layout shift between MIT and commercial pages (#45760) @oliviertassinari
+- [docs-infra] Non breaking space for ESM (#45758) @oliviertassinari
+- [support-infra] Remove dead 'workflow_call:' (#45736) @oliviertassinari
+- [utils] Support cleanup callbacks in useForkRef (#45621) @DiegoAndai
+
+### Docs
+
+- Fix pigment vite integration example (#44746) @brijeshb42
+- Update migration instructions and codemod references for deprecated APIs (#45793) @sai6855
+- Add TanStack Router routing example (#44930) @vetledv
+- Fix layout shifting in icons page (#45779) @sai6855
+- Fix migration instructions (#45762) @oliviertassinari
+- Fix wrong TypeScript support version (#45761) @oliviertassinari
+- Fix link to mui-joy/src/styles/components.d.ts (#45763) @oliviertassinari
+- Fix 301 link (ae94c40) @oliviertassinari
+- Fix 301 links (abd8f63) @oliviertassinari
+- Fix 301 redirection (c7658de) @oliviertassinari
+- [nextjs] Migrate from deprecated "legacyBehavior" prop (#44871) @oliviertassinari
+- [nextjs] Document CSP for Next.js Pages Router (#45798) @Grohden
+
+All contributors of this release in alphabetical order: @brijeshb42, @DiegoAndai, @Grohden, @imadx, @Janpot, @Kartik-Murthy, @oliviertassinari, @renovate[bot], @sai6855, @siriwatknp, @vetledv, @ZeeshanTamboli
+
 ## 7.0.1
 
 <!-- generated comparing v7.0.0..master -->

package/esm/index.js

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

package/index.js

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

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@mui/styled-engine-sc",
-  "version": "7.0.1",
-  "private": false,
+  "version": "7.1.0",
   "author": "MUI Team",
   "description": "styled() API wrapper package for styled-components.",
   "main": "./index.js",
@@ -26,7 +25,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
+    "@babel/runtime": "^7.27.1",
     "@types/hoist-non-react-statics": "^3.3.6",
     "csstype": "^3.1.3",
     "hoist-non-react-statics": "^3.3.2",
@@ -43,6 +42,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "private": false,
   "module": "./esm/index.js",
   "exports": {
     "./package.json": "./package.json",
@@ -54,10 +54,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -68,10 +64,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/modern/GlobalStyles/GlobalStyles.d.ts

@@ -1,7 +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/modern/GlobalStyles/GlobalStyles.js

@@ -1,20 +0,0 @@
-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/modern/GlobalStyles/index.d.ts

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

package/modern/GlobalStyles/index.js

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

package/modern/StyledEngineProvider/StyledEngineProvider.d.ts

@@ -1,6 +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/modern/StyledEngineProvider/StyledEngineProvider.js

@@ -1,28 +0,0 @@
-import PropTypes from 'prop-types';
-export default function StyledEngineProvider(props) {
-  const {
-    injectFirst,
-    children
-  } = props;
-  if (injectFirst && typeof window !== 'undefined') {
-    const head = document.head;
-    if (!head.querySelector('[data-styled="active"]')) {
-      const injectFirstNode = document.createElement('style');
-      injectFirstNode.setAttribute('data-styled', 'active');
-      head.insertBefore(injectFirstNode, head.firstChild);
-    }
-  }
-  return children;
-}
-StyledEngineProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  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.bool
-};

package/modern/StyledEngineProvider/index.d.ts

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

package/modern/StyledEngineProvider/index.js

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

package/modern/index.d.ts

@@ -1,193 +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/index.js";
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export * from "./GlobalStyles/index.js";
-
-/**
- * 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/modern/index.js

@@ -1,60 +0,0 @@
-/**
- * @mui/styled-engine-sc v7.0.1
- *
- * @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) {
-  let stylesFactory;
-  if (options) {
-    stylesFactory = scStyled(tag).withConfig({
-      displayName: options.label,
-      shouldForwardProp: options.shouldForwardProp
-    });
-  } else {
-    stylesFactory = scStyled(tag);
-  }
-  if (process.env.NODE_ENV !== 'production') {
-    const fn = (...styles) => {
-      const component = typeof tag === 'string' ? `"${tag}"` : 'component';
-      if (styles.length === 0) {
-        console.error([`MUI: Seems like you called \`styled(${component})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join('\n'));
-      } else if (styles.some(style => style === undefined)) {
-        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);
-      }
-      return stylesFactory(...styles);
-    };
-    fn.withConfig = stylesFactory.withConfig;
-    return fn;
-  }
-  return stylesFactory;
-}
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-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
-  //
-  // The instance contains `rules` (the styles)
-  // https://github.com/styled-components/styled-components/blob/da8151762dcf72735ffba358173d4c097f6d5888/packages/styled-components/src/models/ComponentStyle.ts#L23
-  if (tag.componentStyle) {
-    tag.componentStyle.rules = processor(tag.componentStyle.rules);
-  }
-}
-
-// 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) {
-  return internal_mutateStyles(tag, processor);
-}
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-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/modern/package.json

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