@mui/system 7.0.2 → 7.1.0

package/modern/Grid/gridGenerator.d.ts

@@ -1,42 +0,0 @@
-import { Breakpoints } from "../createBreakpoints/createBreakpoints.js";
-import { Spacing } from "../createTheme/createSpacing.js";
-import { ResponsiveStyleValue } from "../styleFunctionSx/index.js";
-import { GridDirection, GridOwnerState } from "./GridProps.js";
-interface Props {
-  theme: {
-    breakpoints: Breakpoints;
-    spacing?: Spacing;
-  };
-  ownerState: GridOwnerState;
-}
-export declare const generateGridSizeStyles: ({
-  theme,
-  ownerState
-}: Props) => {};
-export declare const generateGridOffsetStyles: ({
-  theme,
-  ownerState
-}: Props) => {};
-export declare const generateGridColumnsStyles: ({
-  theme,
-  ownerState
-}: Props) => {};
-export declare const generateGridRowSpacingStyles: ({
-  theme,
-  ownerState
-}: Props) => {};
-export declare const generateGridColumnSpacingStyles: ({
-  theme,
-  ownerState
-}: Props) => {};
-export declare const generateGridDirectionStyles: ({
-  theme,
-  ownerState
-}: Props) => {};
-export declare const generateGridStyles: ({
-  ownerState
-}: Props) => {};
-export declare const generateSizeClassNames: (size: GridOwnerState["size"]) => string[];
-export declare const generateSpacingClassNames: (spacing: GridOwnerState["spacing"], smallestBreakpoint?: string) => string[];
-export declare const generateDirectionClasses: (direction: ResponsiveStyleValue<GridDirection> | undefined) => string[];
-export {};

package/modern/Grid/index.d.ts

@@ -1,7 +0,0 @@
-export { default } from "./Grid.js";
-export { default as createGrid } from "./createGrid.js";
-export * from "./GridProps.js";
-export { default as gridClasses } from "./gridClasses.js";
-export * from "./gridClasses.js";
-export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
-export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames } from "./gridGenerator.js";

package/modern/Grid/traverseBreakpoints.d.ts

@@ -1,7 +0,0 @@
-import { Breakpoints, Breakpoint } from "../createBreakpoints/createBreakpoints.js";
-export declare const filterBreakpointKeys: (breakpointsKeys: Breakpoint[], responsiveKeys: string[]) => Breakpoint[];
-interface Iterator<T> {
-  (appendStyle: (responsiveStyles: Record<string, any>, style: object) => void, value: T): void;
-}
-export declare const traverseBreakpoints: <T = unknown>(breakpoints: Breakpoints, responsive: T | T[] | Record<string, any> | undefined, iterator: Iterator<T>) => void;
-export {};

package/modern/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -1,51 +0,0 @@
-/**
- * Split this component for RSC import
- */
-import * as React from 'react';
-export declare const DEFAULT_MODE_STORAGE_KEY = "mode";
-export declare const DEFAULT_COLOR_SCHEME_STORAGE_KEY = "color-scheme";
-export declare const DEFAULT_ATTRIBUTE = "data-color-scheme";
-export interface InitColorSchemeScriptProps {
-  /**
-   * The default mode when the storage is empty (user's first visit).
-   * @default 'system'
-   */
-  defaultMode?: 'system' | 'light' | 'dark';
-  /**
-   * The default color scheme to be used on the light mode.
-   * @default 'light'
-   */
-  defaultLightColorScheme?: string;
-  /**
-   * The default color scheme to be used on the dark mode.
-   * * @default 'dark'
-   */
-  defaultDarkColorScheme?: string;
-  /**
-   * The node (provided as string) used to attach the color-scheme attribute.
-   * @default 'document.documentElement'
-   */
-  colorSchemeNode?: string;
-  /**
-   * localStorage key used to store `mode`.
-   * @default 'mode'
-   */
-  modeStorageKey?: string;
-  /**
-   * localStorage key used to store `colorScheme`.
-   * @default 'color-scheme'
-   */
-  colorSchemeStorageKey?: string;
-  /**
-   * DOM attribute for applying color scheme.
-   * @default 'data-color-scheme'
-   * @example '.mode-%s' // for class based color scheme
-   * @example '[data-mode-%s]' // for data-attribute without '='
-   */
-  attribute?: 'class' | 'data' | string;
-  /**
-   * Nonce string to pass to the inline script for CSP headers.
-   */
-  nonce?: string | undefined;
-}
-export default function InitColorSchemeScript(options?: InitColorSchemeScriptProps): React.JSX.Element;

package/modern/InitColorSchemeScript/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./InitColorSchemeScript.js";
-export type { InitColorSchemeScriptProps } from "./InitColorSchemeScript.js";

package/modern/RtlProvider/index.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface RtlProviderProps {
-  children?: React.ReactNode;
-  value?: boolean;
-}
-declare const RtlProvider: React.FC<RtlProviderProps>;
-export const useRtl: () => boolean;
-export default RtlProvider;

package/modern/Stack/Stack.d.ts

@@ -1,14 +0,0 @@
-/**
- *
- * Demos:
- *
- * - [Stack (Joy UI)](https://mui.com/joy-ui/react-stack/)
- * - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
- * - [Stack (MUI System)](https://mui.com/system/react-stack/)
- *
- * API:
- *
- * - [Stack API](https://mui.com/system/api/stack/)
- */
-declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps.js").StackTypeMap<{}, "div">>;
-export default Stack;

package/modern/Stack/StackProps.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { OverrideProps } from '@mui/types';
-import { ResponsiveStyleValue, SxProps } from "../styleFunctionSx/index.js";
-import { SystemProps } from "../Box/index.js";
-import { Theme } from "../createTheme/index.js";
-export interface StackBaseProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'column'
-   */
-  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
-  /**
-   * Defines the space between immediate children.
-   * @default 0
-   */
-  spacing?: ResponsiveStyleValue<number | string>;
-  /**
-   * Add an element between each child.
-   */
-  divider?: React.ReactNode;
-  /**
-   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
-   *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
-   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
-   *
-   * To enable this flag globally, follow the theme's default props configuration.
-   * @default false
-   */
-  useFlexGap?: boolean;
-}
-export interface StackTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & StackBaseProps & {
-    /**
-     * The system prop, which allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  } & SystemProps<Theme>;
-  defaultComponent: DefaultComponent;
-}
-export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {
-  component?: React.ElementType;
-}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent>;
-export interface StackOwnerState {
-  direction: StackProps['direction'];
-  spacing: StackProps['spacing'];
-  useFlexGap: boolean;
-}

package/modern/Stack/createStack.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { OverridableComponent } from '@mui/types';
-import { StackTypeMap, StackOwnerState } from "./StackProps.js";
-import { Breakpoints } from "../createBreakpoints/createBreakpoints.js";
-import { Spacing } from "../createTheme/createSpacing.js";
-interface StyleFunctionProps {
-  theme: {
-    breakpoints: Breakpoints;
-    spacing: Spacing;
-  };
-  ownerState: StackOwnerState;
-}
-declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled/index.js").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
-declare function useThemePropsDefault<T extends {}>(props: T): T;
-export declare const style: ({
-  ownerState,
-  theme
-}: StyleFunctionProps) => any;
-export default function createStack(options?: {
-  createStyledComponent?: typeof defaultCreateStyledComponent;
-  useThemeProps?: typeof useThemePropsDefault;
-  componentName?: string;
-}): OverridableComponent<StackTypeMap<{}, "div">>;
-export {};

package/modern/Stack/index.d.ts

@@ -1,5 +0,0 @@
-export { default } from "./Stack.js";
-export { default as createStack } from "./createStack.js";
-export * from "./StackProps.js";
-export { default as stackClasses } from "./stackClasses.js";
-export * from "./stackClasses.js";

package/modern/Stack/stackClasses.d.ts

@@ -1,8 +0,0 @@
-export interface StackClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type StackClassKey = keyof StackClasses;
-export declare function getStackUtilityClass(slot: string): string;
-declare const stackClasses: StackClasses;
-export default stackClasses;

package/modern/ThemeProvider/ThemeProvider.d.ts

@@ -1,24 +0,0 @@
-import { DefaultTheme } from '@mui/private-theming';
-export interface ThemeProviderProps<Theme = DefaultTheme> {
-  /**
-   * Your component tree.
-   */
-  children?: React.ReactNode;
-  /**
-   * The design system's unique id for getting the corresponded theme when there are multiple design systems.
-   */
-  themeId?: string;
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
-}
-
-/**
- * This component makes the `theme` available down the React tree.
- * It should preferably be used at **the root of your component tree**.
- * API:
- *
- * - [ThemeProvider API](https://mui.com/material-ui/customization/theming/#themeprovider)
- */
-export default function ThemeProvider<T = DefaultTheme>(props: ThemeProviderProps<T>): React.ReactElement<ThemeProviderProps<T>>;

package/modern/ThemeProvider/index.d.ts

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

package/modern/borders/borders.d.ts

@@ -1,14 +0,0 @@
-import { PropsFor, borders, SimpleStyleFunction } from "../Box/index.js";
-export const border: SimpleStyleFunction<'border'>;
-export const borderTop: SimpleStyleFunction<'borderTop'>;
-export const borderRight: SimpleStyleFunction<'borderRight'>;
-export const borderBottom: SimpleStyleFunction<'borderBottom'>;
-export const borderLeft: SimpleStyleFunction<'borderLeft'>;
-export const borderColor: SimpleStyleFunction<'borderColor'>;
-export const borderTopColor: SimpleStyleFunction<'borderTopColor'>;
-export const borderRightColor: SimpleStyleFunction<'borderRightColor'>;
-export const borderBottomColor: SimpleStyleFunction<'borderBottomColor'>;
-export const borderLeftColor: SimpleStyleFunction<'borderLeftColor'>;
-export const borderRadius: SimpleStyleFunction<'borderRadius'>;
-export type BordersProps = PropsFor<typeof borders>;
-export default borders;

package/modern/borders/index.d.ts

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

package/modern/breakpoints/breakpoints.d.ts

@@ -1,19 +0,0 @@
-import { CSSObject } from '@mui/styled-engine';
-import { Breakpoints } from "../createBreakpoints/createBreakpoints.js";
-import type { Breakpoint } from "../createTheme/index.js";
-import { ResponsiveStyleValue } from "../styleFunctionSx/index.js";
-import { StyleFunction } from "../Box/index.js";
-export interface ResolveBreakpointValuesOptions<T> {
-  values: ResponsiveStyleValue<T>;
-  breakpoints?: Breakpoints['values'];
-  base?: Record<string, boolean>;
-}
-export function resolveBreakpointValues<T>(options: ResolveBreakpointValuesOptions<T>): Record<string, T>;
-export function mergeBreakpointsInOrder(breakpoints: Breakpoints, styles: CSSObject[]): CSSObject;
-export function handleBreakpoints<Props>(props: Props, propValue: any, styleFromPropValue: (value: any, breakpoint?: Breakpoint) => any): any;
-type DefaultBreakPoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-/**
- * @returns An enhanced stylefunction that considers breakpoints
- */
-export default function breakpoints<Props, Breakpoints extends string = DefaultBreakPoints>(styleFunction: StyleFunction<Props>): StyleFunction<Partial<Record<Breakpoints, Props>> & Props>;

package/modern/breakpoints/index.d.ts

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

package/modern/colorManipulator/colorManipulator.d.ts

@@ -1,25 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-export type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'color';
-export interface ColorObject {
-  type: ColorFormat;
-  values: [number, number, number] | [number, number, number, number];
-  colorSpace?: 'srgb' | 'display-p3' | 'a98-rgb' | 'prophoto-rgb' | 'rec-2020';
-}
-export function hexToRgb(hex: string): string;
-export function rgbToHex(color: string): string;
-export function hslToRgb(color: string): string;
-export function decomposeColor(color: string): ColorObject;
-export function colorChannel(color: string): string;
-export function private_safeColorChannel(color: string, warning?: string): string;
-export function recomposeColor(color: ColorObject): string;
-export function getContrastRatio(foreground: string, background: string): number;
-export function getLuminance(color: string): number;
-export function emphasize(color: string, coefficient?: number): string;
-export function private_safeEmphasize(color: string, coefficient?: number, warning?: string): string;
-export function alpha(color: string, value: number): string;
-export function private_safeAlpha(color: string, value: number, warning?: string): string;
-export function darken(color: string, coefficient: number): string;
-export function private_safeDarken(color: string, coefficient: number, warning?: string): string;
-export function lighten(color: string, coefficient: number): string;
-export function private_safeLighten(color: string, coefficient: number, warning?: string): string;
-export function blend(background: string, overlay: string, opacity: number, gamma?: number): string;

package/modern/colorManipulator/index.d.ts

@@ -1 +0,0 @@
-export * from "./colorManipulator.js";

package/modern/compose/compose.d.ts

@@ -1,2 +0,0 @@
-import { ComposedStyleFunction, StyleFunction } from "../Box/index.js";
-export default function compose<T extends Array<StyleFunction<any>>>(...args: T): ComposedStyleFunction<T>;

package/modern/compose/index.d.ts

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

package/modern/createBox/createBox.d.ts

@@ -1,9 +0,0 @@
-import { OverridableComponent } from '@mui/types';
-import { BoxTypeMap } from "../Box/index.js";
-import { Theme as SystemTheme } from "../createTheme/index.js";
-export default function createBox<T extends object = SystemTheme, AdditionalProps extends Record<string, unknown> = {}>(options?: {
-  themeId?: string;
-  defaultTheme: T;
-  defaultClassName?: string;
-  generateClassName?: (componentName: string) => string;
-}): OverridableComponent<BoxTypeMap<AdditionalProps, 'div', T>>;

package/modern/createBox/index.d.ts

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

package/modern/createBreakpoints/createBreakpoints.d.ts

@@ -1,78 +0,0 @@
-import { OverridableStringUnion } from '@mui/types';
-export interface BreakpointOverrides {}
-export type Breakpoint = OverridableStringUnion<'xs' | 'sm' | 'md' | 'lg' | 'xl', BreakpointOverrides>;
-export const keys: Breakpoint[];
-
-// Keep in sync with docs/src/pages/customization/breakpoints/breakpoints.md
-// #host-reference
-export interface Breakpoints {
-  keys: Breakpoint[];
-  /**
-   * Each breakpoint (a key) matches with a fixed screen width (a value).
-   * @default {
-   *    // extra-small
-   *    xs: 0,
-   *    // small
-   *    sm: 600,
-   *    // medium
-   *    md: 900,
-   *    // large
-   *    lg: 1200,
-   *    // extra-large
-   *    xl: 1536,
-   * }
-   */
-  values: { [key in Breakpoint]: number };
-  /**
-   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
-   * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than the screen size given by the breakpoint key (inclusive).
-   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-up-key-media-query)
-   */
-  up: (key: Breakpoint | number) => string;
-  /**
-   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
-   * @returns A media query string ready to be used with most styling solutions, which matches screen widths less than the screen size given by the breakpoint key (exclusive).
-   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-down-key-media-query)
-   */
-  down: (key: Breakpoint | number) => string;
-  /**
-   * @param start - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
-   * @param end - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
-   * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than
-   *          the screen size given by the breakpoint key in the first argument (inclusive) and less than the screen size given by the breakpoint key in the second argument (exclusive).
-   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-between-start-end-media-query)
-   */
-  between: (start: Breakpoint | number, end: Breakpoint | number) => string;
-  /**
-   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
-   * @returns A media query string ready to be used with most styling solutions, which matches screen widths starting from
-   *          the screen size given by the breakpoint key (inclusive) and stopping at the screen size given by the next breakpoint key (exclusive).
-   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-only-key-media-query)
-   */
-  only: (key: Breakpoint) => string;
-  /**
-   * @param key - A breakpoint key (`xs`, `sm`, etc.).
-   * @returns A media query string ready to be used with most styling solutions, which matches screen widths stopping at
-   *          the screen size given by the breakpoint key (exclusive) and starting at the screen size given by the next breakpoint key (inclusive).
-   */
-  not: (key: Breakpoint) => string;
-  /**
-   * The unit used for the breakpoint's values.
-   * @default 'px'
-   */
-  unit?: string | undefined;
-}
-export interface BreakpointsOptions extends Partial<Breakpoints> {
-  /**
-   * The increment divided by 100 used to implement exclusive breakpoints.
-   * For example, `step: 5` means that `down(500)` will result in `'(max-width: 499.95px)'`.
-   * @default 5
-   */
-  step?: number | undefined;
-  /**
-   * The unit used for the breakpoint's values.
-   * @default 'px'
-   */
-  unit?: string | undefined;
-}
-export default function createBreakpoints(options: BreakpointsOptions): Breakpoints;

package/modern/createBreakpoints/index.d.ts

@@ -1,3 +0,0 @@
-/** This export is intended for internal integration with Pigment CSS */
-/* eslint-disable import/prefer-default-export */
-export { default as unstable_createBreakpoints } from "./createBreakpoints.js";

package/modern/createStyled/createStyled.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { CreateMUIStyled as CreateMUIStyledStyledEngine, CSSInterpolation } from '@mui/styled-engine';
-import styleFunctionSx, { SxProps } from "../styleFunctionSx/index.js";
-import { Theme as DefaultTheme } from "../createTheme/index.js";
-export function shouldForwardProp(propName: PropertyKey): boolean;
-export interface MUIStyledCommonProps<Theme extends object = DefaultTheme> {
-  theme?: Theme;
-  as?: React.ElementType;
-  sx?: SxProps<Theme>;
-}
-export interface MuiStyledOptions {
-  name?: string;
-  slot?: string;
-  // The difference between Interpolation and CSSInterpolation is that the former supports functions based on props
-  // If we want to support props in the overrides, we will need to change the CSSInterpolation to Interpolation<Props>
-  overridesResolver?: (props: any, styles: Record<string, CSSInterpolation>) => CSSInterpolation;
-  skipVariantsResolver?: boolean;
-  skipSx?: boolean;
-}
-export type CreateMUIStyled<Theme extends object = DefaultTheme> = CreateMUIStyledStyledEngine<MUIStyledCommonProps<Theme>, MuiStyledOptions, Theme>;
-export default function createStyled<Theme extends object = DefaultTheme>(options?: {
-  themeId?: string;
-  defaultTheme?: Theme;
-  rootShouldForwardProp?: (prop: PropertyKey) => boolean;
-  slotShouldForwardProp?: (prop: PropertyKey) => boolean;
-  styleFunctionSx?: typeof styleFunctionSx;
-}): CreateMUIStyled<Theme>;

package/modern/createStyled/index.d.ts

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

package/modern/createTheme/applyStyles.d.ts

@@ -1,67 +0,0 @@
-import { CSSObject } from '@mui/styled-engine';
-export interface ApplyStyles<K extends string> {
-  (key: K, styles: CSSObject): CSSObject;
-}
-/**
- * A universal utility to style components with multiple color modes. Always use it from the theme object.
- * It works with:
- *  - [Basic theme](https://mui.com/material-ui/customization/dark-mode/)
- *  - [CSS theme variables](https://mui.com/material-ui/customization/css-theme-variables/overview/)
- *  - Zero-runtime engine
- *
- * Tips: Use an array over object spread and place `theme.applyStyles()` last.
- *
- * With the styled function:
- * ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]
- * 🚫 { background: '#e5e5e5', ...theme.applyStyles('dark', { background: '#1c1c1c' })}
- *
- * With the sx prop:
- * ✅ [{ background: '#e5e5e5' }, theme => theme.applyStyles('dark', { background: '#1c1c1c' })]
- * 🚫 { background: '#e5e5e5', ...theme => theme.applyStyles('dark', { background: '#1c1c1c' })}
- *
- * @example
- * 1. using with `styled`:
- * ```jsx
- *   const Component = styled('div')(({ theme }) => [
- *     { background: '#e5e5e5' },
- *     theme.applyStyles('dark', {
- *       background: '#1c1c1c',
- *       color: '#fff',
- *     }),
- *   ]);
- * ```
- *
- * @example
- * 2. using with `sx` prop:
- * ```jsx
- *   <Box sx={[
- *     { background: '#e5e5e5' },
- *     theme => theme.applyStyles('dark', {
- *        background: '#1c1c1c',
- *        color: '#fff',
- *      }),
- *     ]}
- *   />
- * ```
- *
- * @example
- * 3. theming a component:
- * ```jsx
- *   extendTheme({
- *     components: {
- *       MuiButton: {
- *         styleOverrides: {
- *           root: ({ theme }) => [
- *             { background: '#e5e5e5' },
- *             theme.applyStyles('dark', {
- *               background: '#1c1c1c',
- *               color: '#fff',
- *             }),
- *           ],
- *         },
- *       }
- *     }
- *   })
- *```
- */
-export default function applyStyles<K extends string>(key: K, styles: CSSObject): CSSObject;

package/modern/createTheme/createSpacing.d.ts

@@ -1,10 +0,0 @@
-export type SpacingOptions = number | string | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;
-export type SpacingArgument = number | string;
-export interface Spacing {
-  (): string;
-  (value: SpacingArgument): string;
-  (topBottom: SpacingArgument, rightLeft: SpacingArgument): string;
-  (top: SpacingArgument, rightLeft: SpacingArgument, bottom: SpacingArgument): string;
-  (top: SpacingArgument, right: SpacingArgument, bottom: SpacingArgument, left: SpacingArgument): string;
-}
-export default function createSpacing(spacingInput?: SpacingOptions, transform?: Spacing | (() => undefined) | ((abs: number | string) => number | number)): Spacing;

package/modern/createTheme/createTheme.d.ts

@@ -1,54 +0,0 @@
-import { CSSObject } from '@mui/styled-engine';
-import { Breakpoints, BreakpointsOptions } from "../createBreakpoints/createBreakpoints.js";
-import { Shape, ShapeOptions } from "./shape.js";
-import { Spacing, SpacingOptions } from "./createSpacing.js";
-import { SxConfig, SxProps } from "../styleFunctionSx/index.js";
-import { ApplyStyles } from "./applyStyles.js";
-import { CssContainerQueries } from "../cssContainerQueries/index.js";
-export { Breakpoint, Breakpoints, BreakpointOverrides } from "../createBreakpoints/createBreakpoints.js";
-export type Direction = 'ltr' | 'rtl';
-export interface Typography {}
-export interface Mixins {}
-export interface Shadows {}
-export interface Transitions {}
-export interface ZIndex {}
-export interface ThemeOptions {
-  shape?: ShapeOptions;
-  breakpoints?: BreakpointsOptions;
-  direction?: Direction;
-  mixins?: Mixins;
-  palette?: Record<string, any>;
-  shadows?: Shadows;
-  spacing?: SpacingOptions;
-  transitions?: Transitions;
-  components?: Record<string, any>;
-  typography?: Typography;
-  zIndex?: ZIndex;
-  unstable_sxConfig?: SxConfig;
-}
-export interface Theme extends CssContainerQueries {
-  shape: Shape;
-  breakpoints: Breakpoints;
-  direction: Direction;
-  palette: Record<string, any> & {
-    mode: 'light' | 'dark';
-  };
-  shadows?: Shadows;
-  spacing: Spacing;
-  transitions?: Transitions;
-  components?: Record<string, any>;
-  mixins?: Mixins;
-  typography?: Typography;
-  zIndex?: ZIndex;
-  applyStyles: ApplyStyles<'light' | 'dark'>;
-  unstable_sxConfig: SxConfig;
-  unstable_sx: (props: SxProps<Theme>) => CSSObject;
-}
-
-/**
- * Generate a theme base on the options received.
- * @param options Takes an incomplete theme object and adds the missing parts.
- * @param args Deep merge the arguments with the about to be returned theme.
- * @returns A complete, ready-to-use theme object.
- */
-export default function createTheme(options?: ThemeOptions, ...args: object[]): Theme;

package/modern/createTheme/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./createTheme.js";
-export * from "./createTheme.js";
-export { default as unstable_applyStyles } from "./applyStyles.js";
-export * from "./applyStyles.js";

package/modern/createTheme/shape.d.ts

@@ -1,6 +0,0 @@
-export interface Shape {
-  borderRadius: number;
-}
-export type ShapeOptions = Partial<Shape>;
-declare const shape: Shape;
-export default shape;