@mui/material 7.0.0-beta.0 → 7.0.0-beta.1

package/styles/useThemeProps.d.ts

@@ -0,0 +1,42 @@
+import { Theme } from "./createTheme.js";
+import { Components } from "./components.js";
+export interface ThemeWithProps {
+  components?: Components<Omit<Theme, 'components'>>;
+}
+export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
+  components: Record<Name, {
+    defaultProps: infer Props;
+  }>;
+} ? Props : {};
+
+/**
+ * Merges input `props` with the `defaultProps` for a component that were defined in the theme.
+ *
+ * The `defaultProps` are defined in the theme under `theme.components[componentName].defaultProps`.
+ *
+ * @example
+ *
+ * ```tsx
+ * const createTheme = () => ({
+ *   components: {
+ *     MuiStat: {
+ *       defaultProps: {
+ *         variant: 'outlined',
+ *       },
+ *     },
+ *   },
+ * });
+ *
+ * function Stat(props) {
+ *   const themeProps = useThemeProps({ props, name: 'MuiStat' });
+ *   return <div {...themeProps} />;
+ * }
+ * ```
+ *
+ * @param params.props The input props
+ * @param params.name The name of the component as defined in the theme
+ */
+export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
+  props: Props;
+  name: Name;
+}): Props & ThemedProps<Theme, Name>;

package/styles/variants.d.ts

@@ -0,0 +1,10 @@
+import { Interpolation } from '@mui/system';
+import { ComponentsPropsList } from "./props.js";
+export type ComponentsVariants<Theme = unknown> = { [Name in keyof ComponentsPropsList]?: Array<{
+  props: Partial<ComponentsPropsList[Name]> | ((props: Partial<ComponentsPropsList[Name]> & {
+    ownerState: Partial<ComponentsPropsList[Name]>;
+  }) => boolean);
+  style: Interpolation<{
+    theme: Theme;
+  }>;
+}> };

package/styles/withStyles.d.ts

@@ -0,0 +1 @@
+export default function withStyles(stylesCreator: any, options?: object): never;

package/styles/withTheme.d.ts

@@ -0,0 +1 @@
+export default function withTheme(Component: any): never;

package/styles/zIndex.d.ts

@@ -0,0 +1,13 @@
+export interface ZIndex {
+  mobileStepper: number;
+  speedDial: number;
+  appBar: number;
+  drawer: number;
+  modal: number;
+  snackbar: number;
+  tooltip: number;
+  fab: number;
+}
+export type ZIndexOptions = Partial<ZIndex>;
+declare const zIndex: ZIndex;
+export default zIndex;

package/themeCssVarsAugmentation/index.d.ts

@@ -0,0 +1,10 @@
+export {};
+/**
+ * Enhance the theme types to include new properties from the CssVarsProvider.
+ * The theme is typed with CSS variables in `styled`, `sx`, `useTheme`, etc.
+ */
+declare module '@mui/material/styles' {
+  interface CssThemeVariables {
+    enabled: true;
+  }
+}

package/transitions/index.d.ts

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

package/transitions/transition.d.ts

@@ -0,0 +1,12 @@
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+  easing: string | {
+    enter?: string;
+    exit?: string;
+  };
+}
+export type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {}

package/transitions/utils.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+  easing: string | {
+    enter?: string;
+    exit?: string;
+  } | undefined;
+  style: React.CSSProperties | undefined;
+  timeout: number | {
+    enter?: number;
+    exit?: number;
+  };
+}
+interface Options {
+  mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+  duration: string | number;
+  easing: string | undefined;
+  delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};