@mui/system 7.0.0-alpha.1 → 7.0.0-beta.0

package/merge/merge.d.ts

@@ -1 +0,0 @@
-export default function merge(acc: object, item: object): object;

package/modern/Box/Box.d.ts

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { OverridableComponent, OverrideProps } from '@mui/types';
-import { Theme as SystemTheme } from "../createTheme/index.js";
-import { SxProps, AllSystemCSSProperties, ResponsiveStyleValue, OverwriteCSSProperties, AliasesCSSProperties } from "../styleFunctionSx/index.js";
-export type PropsFor<SomeStyleFunction> = SomeStyleFunction extends StyleFunction<infer Props> ? Props : never;
-export type StyleFunction<Props> = (props: Props) => any;
-export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>> & {
-  filterProps: string[];
-};
-
-// borders.js
-export declare const borders: SimpleStyleFunction<'border' | 'borderTop' | 'borderRight' | 'borderBottom' | 'borderLeft' | 'borderColor' | 'borderRadius'>;
-export declare const display: SimpleStyleFunction<'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'>;
-export declare const flexbox: SimpleStyleFunction<'flexBasis' | 'flexDirection' | 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignContent' | 'order' | 'flex' | 'flexGrow' | 'flexShrink' | 'alignSelf' | 'justifyItems' | 'justifySelf'>;
-export declare const grid: SimpleStyleFunction<'gap' | 'columnGap' | 'rowGap' | 'gridColumn' | 'gridRow' | 'gridAutoFlow' | 'gridAutoColumns' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'gridTemplateAreas' | 'gridArea'>;
-export declare const palette: SimpleStyleFunction<'bgcolor' | 'color'>;
-export declare const positions: SimpleStyleFunction<'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'>;
-export declare const shadows: SimpleStyleFunction<'boxShadow'>;
-export declare const sizing: SimpleStyleFunction<'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'sizeWidth' | 'sizeHeight' | 'boxSizing'>;
-export declare const spacing: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
-export declare const typography: SimpleStyleFunction<'typography' | 'fontFamily' | 'fontSize' | 'fontStyle' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textAlign' | 'textTransform'>;
-
-// compose.js
-/**
- * given a list of StyleFunction return the intersection of the props each individual
- * StyleFunction requires.
- *
- * If `firstFn` requires { color: string } and `secondFn` requires { spacing: number }
- * their composed function requires { color: string, spacing: number }
- */
-type ComposedArg<T> = T extends Array<(arg: infer P) => any> ? P : never;
-type ComposedOwnerState<T> = ComposedArg<T>;
-export type ComposedStyleFunction<T extends Array<StyleFunction<any>>> = StyleFunction<ComposedOwnerState<T>> & {
-  filterProps: string[];
-};
-export interface CustomSystemProps extends AliasesCSSProperties, OverwriteCSSProperties {}
-export type SimpleSystemKeys = keyof PropsFor<ComposedStyleFunction<[typeof borders, typeof display, typeof flexbox, typeof grid, typeof palette, typeof positions, typeof shadows, typeof sizing, typeof spacing, typeof typography]>>;
-
-// The SimpleSystemKeys are subset of the AllSystemCSSProperties, so this should be ok
-// This is needed as these are used as keys inside AllSystemCSSProperties
-type StandardSystemKeys = Extract<SimpleSystemKeys, keyof AllSystemCSSProperties>;
-export type SystemProps<Theme extends object = {}> = { [K in StandardSystemKeys]?: ResponsiveStyleValue<AllSystemCSSProperties[K]> | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>) };
-export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<Theme> {
-  children?: React.ReactNode;
-  ref?: React.Ref<unknown>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface BoxTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', Theme extends object = SystemTheme> {
-  props: AdditionalProps & BoxOwnProps<Theme>;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Box (Joy UI)](https://mui.com/joy-ui/react-box/)
- * - [Box (Material UI)](https://mui.com/material-ui/react-box/)
- * - [Box (MUI System)](https://mui.com/system/react-box/)
- *
- * API:
- *
- * - [Box API](https://mui.com/system/api/box/)
- */
-declare const Box: OverridableComponent<BoxTypeMap>;
-export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Box;

package/modern/Box/boxClasses.d.ts

@@ -1,7 +0,0 @@
-export interface BoxClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type BoxClassKey = keyof BoxClasses;
-declare const boxClasses: BoxClasses;
-export default boxClasses;

package/modern/Box/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Box.js";
-export * from "./Box.js";
-export { default as boxClasses } from "./boxClasses.js";
-export * from "./boxClasses.js";

package/modern/CSSProperties.d.ts

@@ -1,7 +0,0 @@
-import * as CSS from 'csstype';
-
-/**
- * All non-vendor-prefixed CSS properties. (Also allows `number` in order to support CSS-in-JS libs,
- * since they are converted to `px`.)
- */
-export interface CSSProperties extends CSS.StandardProperties<number | string>, CSS.SvgProperties<number | string> {}

package/modern/Container/Container.d.ts

@@ -1,13 +0,0 @@
-/**
- *
- * Demos:
- *
- * - [Container (Material UI)](https://mui.com/material-ui/react-container/)
- * - [Container (MUI System)](https://mui.com/system/react-container/)
- *
- * API:
- *
- * - [Container API](https://mui.com/system/api/container/)
- */
-declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps.js").ContainerTypeMap<{}, "div">>;
-export default Container;

package/modern/Container/ContainerProps.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { OverrideProps } from '@mui/types';
-import { SxProps } from "../styleFunctionSx/index.js";
-import { Theme, Breakpoint } from "../createTheme/index.js";
-import { ContainerClasses } from "./containerClasses.js";
-export interface ContainerTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & {
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ContainerClasses>;
-    /**
-     * If `true`, the left and right padding is removed.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * Set the max-width to match the min-width of the current breakpoint.
-     * This is useful if you'd prefer to design for a fixed set of sizes
-     * instead of trying to accommodate a fully fluid viewport.
-     * It's fluid by default.
-     * @default false
-     */
-    fixed?: boolean;
-    /**
-     * Determine the max-width of the container.
-     * The container width grows with the size of the screen.
-     * Set to `false` to disable `maxWidth`.
-     * @default 'lg'
-     */
-    maxWidth?: Breakpoint | false;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
-}
-export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent>;

package/modern/Container/containerClasses.d.ts

@@ -1,22 +0,0 @@
-export interface ContainerClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `disableGutters={true}`. */
-  disableGutters: string;
-  /** Styles applied to the root element if `fixed={true}`. */
-  fixed: string;
-  /** Styles applied to the root element if `maxWidth="xs"`. */
-  maxWidthXs: string;
-  /** Styles applied to the root element if `maxWidth="sm"`. */
-  maxWidthSm: string;
-  /** Styles applied to the root element if `maxWidth="md"`. */
-  maxWidthMd: string;
-  /** Styles applied to the root element if `maxWidth="lg"`. */
-  maxWidthLg: string;
-  /** Styles applied to the root element if `maxWidth="xl"`. */
-  maxWidthXl: string;
-}
-export type ContainerClassKey = keyof ContainerClasses;
-export declare function getContainerUtilityClass(slot: string): string;
-declare const containerClasses: ContainerClasses;
-export default containerClasses;

package/modern/Container/createContainer.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { Interpolation, MUIStyledComponent as StyledComponent } from '@mui/styled-engine';
-import { OverridableComponent } from '@mui/types';
-import { ContainerProps, ContainerTypeMap } from "./ContainerProps.js";
-import { Theme as DefaultTheme } from "../createTheme/index.js";
-interface StyleFnProps<Theme> extends ContainerProps {
-  theme: Theme;
-  ownerState: ContainerProps;
-}
-type RequiredThemeStructure = Pick<DefaultTheme, 'breakpoints' | 'spacing'>;
-export default function createContainer<Theme extends RequiredThemeStructure = DefaultTheme>(options?: {
-  createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
-  useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
-    component?: React.ElementType;
-  };
-  componentName?: string;
-}): OverridableComponent<ContainerTypeMap<{}, "div">>;
-export {};

package/modern/Container/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Container.js";
-export * from "./ContainerProps.js";
-export { default as containerClasses } from "./containerClasses.js";
-export * from "./containerClasses.js";

package/modern/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-declare function DefaultPropsProvider({
-  value,
-  children
-}: React.PropsWithChildren<{
-  value: Record<string, any> | undefined;
-}>): React.JSX.Element;
-declare namespace DefaultPropsProvider {
-  var propTypes: any;
-}
-export declare function useDefaultProps<Props>({
-  props,
-  name
-}: {
-  props: Props;
-  name: string;
-}): Props;
-export default DefaultPropsProvider;

package/modern/DefaultPropsProvider/index.d.ts

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

package/modern/GlobalStyles/GlobalStyles.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Interpolation } from '@mui/styled-engine';
-import { Theme as SystemTheme } from "../createTheme/index.js";
-export interface GlobalStylesProps<Theme = SystemTheme> {
-  styles: Interpolation<Theme>;
-  defaultTheme?: object;
-  themeId?: string;
-}
-declare function GlobalStyles<Theme = SystemTheme>({
-  styles,
-  themeId,
-  defaultTheme
-}: GlobalStylesProps<Theme>): React.JSX.Element;
-declare namespace GlobalStyles {
-  var propTypes: any;
-}
-export default GlobalStyles;

package/modern/GlobalStyles/index.d.ts

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

package/modern/Grid/Grid.d.ts

@@ -1,13 +0,0 @@
-/**
- *
- * Demos:
- *
- * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
- * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
- *
- * API:
- *
- * - [Grid API](https://mui.com/system/api/grid/)
- */
-declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps.js").GridTypeMap<{}, "div">>;
-export default Grid;

package/modern/Grid/GridProps.d.ts

@@ -1,103 +0,0 @@
-import * as React from 'react';
-import { OverrideProps, PartiallyRequired } from '@mui/types';
-import { SxProps } from "../styleFunctionSx/index.js";
-import { Theme, Breakpoint } from "../createTheme/index.js";
-import { SystemProps } from "../Box/index.js";
-type ResponsiveStyleValue<T> = T | Array<T | null> | { [key in Breakpoint]?: T | null };
-export type GridDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export type GridSpacing = number | string;
-export type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-export type GridSize = 'auto' | 'grow' | number | false;
-export type GridOffset = 'auto' | number;
-export interface GridBaseProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * The number of columns.
-   * @default 12
-   */
-  columns?: ResponsiveStyleValue<number>;
-  /**
-   * Defines the horizontal space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * If `true`, the component will have the flex *container* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  container?: boolean;
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'row'
-   */
-  direction?: ResponsiveStyleValue<GridDirection>;
-  /**
-   * Defines the offset value for the type `item` components.
-   */
-  offset?: ResponsiveStyleValue<GridOffset>;
-  /**
-   * @internal
-   * The level of the grid starts from `0` and increases when the grid nests
-   * inside another grid. Nesting is defined as a container Grid being a direct
-   * child of a container Grid.
-   *
-   * ```js
-   * <Grid container> // level 0
-   *   <Grid container> // level 1
-   *     <Grid container> // level 2
-   * ```
-   *
-   * Only consecutive grid is considered nesting. A grid container will start at
-   * `0` if there are non-Grid container element above it.
-   *
-   * ```js
-   * <Grid container> // level 0
-   *   <div>
-   *     <Grid container> // level 0
-   * ```
-   *
-   * ```js
-   * <Grid container> // level 0
-   *   <Grid>
-   *     <Grid container> // level 0
-   * ```
-   */
-  unstable_level?: number;
-  /**
-   * Defines the vertical space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * Defines the size of the the type `item` components.
-   */
-  size?: ResponsiveStyleValue<GridSize>;
-  /**
-   * Defines the space between the type `item` components.
-   * It can only be used on a type `container` component.
-   * @default 0
-   */
-  spacing?: ResponsiveStyleValue<GridSpacing> | undefined;
-  /**
-   * Defines the `flex-wrap` style property.
-   * It's applied for all screen sizes.
-   * @default 'wrap'
-   */
-  wrap?: GridWrap;
-}
-export type GridOwnerState = PartiallyRequired<GridBaseProps, 'size' | 'offset' | 'unstable_level'>;
-export interface GridTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & GridBaseProps & {
-    sx?: SxProps<Theme>;
-  } & SystemProps<Theme>;
-  defaultComponent: DefaultComponent;
-}
-export type GridProps<RootComponent extends React.ElementType = GridTypeMap['defaultComponent'], AdditionalProps = {
-  component?: React.ElementType;
-}> = OverrideProps<GridTypeMap<AdditionalProps, RootComponent>, RootComponent>;
-export {};

package/modern/Grid/createGrid.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { OverridableComponent } from '@mui/types';
-import useThemeSystem from "../useTheme/index.js";
-import { GridTypeMap } from "./GridProps.js";
-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 default function createGrid(options?: {
-  createStyledComponent?: typeof defaultCreateStyledComponent;
-  useThemeProps?: typeof useThemePropsDefault;
-  useTheme?: typeof useThemeSystem;
-  componentName?: string;
-}): OverridableComponent<GridTypeMap<{}, "div">>;
-export {};

package/modern/Grid/gridClasses.d.ts

@@ -1,20 +0,0 @@
-export interface GridClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `container={true}`. */
-  container: string;
-  /** Styles applied to the root element if `direction="column"`. */
-  'direction-xs-column': string;
-  /** Styles applied to the root element if `direction="column-reverse"`. */
-  'direction-xs-column-reverse': string;
-  /** Styles applied to the root element if `direction="row-reverse"`. */
-  'direction-xs-row-reverse': string;
-  /** Styles applied to the root element if `wrap="nowrap"`. */
-  'wrap-xs-nowrap': string;
-  /** Styles applied to the root element if `wrap="reverse"`. */
-  'wrap-xs-wrap-reverse': string;
-}
-export type GridClassKey = keyof GridClasses;
-export declare function getGridUtilityClass(slot: string): string;
-declare const gridClasses: GridClasses;
-export default gridClasses;

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;